所以我一直在建立一个基于我在网上找到的模板的网站,我将不胜感激任何帮助它实现我想要的功能.目前,它设置了过滤器,允许您对多个缩略图进行排序.但是,我希望当前充当"过滤器"的链接替换所有缩略图显示的div.
我在这里搜索jQuery,以替换div内容,包括替换div的内容,隐藏div并在点击时显示它们.我似乎没有做任何事情.
理想情况下,我将当前包装UL在一个div名为"designprojects"中,然后当我单击一个过滤器时,div将替换为一个包含项目信息的新过滤器.
以下是该网站用于使过滤器起作用的当前HTML和Javascript:
filter = function() {
if ($('#projects').length > 0) {
var $container = $('#projects');
$container.imagesLoaded(function() {
$container.isotope({
// options
animationEngine: 'best-available',
itemSelector: '.item-thumbs',
layoutMode: 'fitRows'
});
});
// filter items when filter link is clicked
var $optionSets = $('#options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function() {
var $this = $(this);
// don't proceed if already selected
if ($this.hasClass('selected')) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
// make option object dynamically, i.e. { filter: '.my-filter-class' }
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
// parse 'false' as false boolean
value = value === 'false' ? false : value;
options[key] = value;
if (key === 'layoutMode' && typeof changeLayoutMode === 'function') {
// changes in layout modes need extra logic
changeLayoutMode($this, options)
} else {
// otherwise, apply new options
$container.isotope(options);
}
return false;
});
}
}
Tags | 热门标签
RankList | 热门文章
-
1在列中均匀分布元素
-
2GridSearchCV是否存储所有参数组合的所有分数？
-
3pdfkit页眉和页脚
-
4当字符串保存到文件时,为什么\ r \n被转换为\n？
-
5如何在RecyclerView中保留ViewPager状态？
-
6Rails 4:结合has_many:通过与多态关联相关联
-
7Linux Kernel Line Discipline copy_from_user
-
8在服务器上禁止Javascript访问
-
9Powershell - 跳过无法访问的文件
-
10Bootstrap portofolio - 空网格空间
-
11ASP.NET 5针对dnx451/dnx46性能
-
12为什么URI.escape()标记为过时,这个REGEXP :: UNSAFE常量在哪里？
-
13应用程序无法启动,出现错误"无法启动子项:Odt.Endpoint"
-
14C++反转索引器和数组名称
-
15闭包 - 捕获变量和将它们作为参数读取之间的差异
-
16从事实中返回名称列表
-
17我如何通过电子邮件向Flask发送错误日志？
-
18C++:将结构的类型更改为子类型
-
19在Laravel中将id列添加到数据透视表的任何优点？
-
20sleep命令执行不是我的预期
京公网安备 11010802040832号 | 京ICP备19059560号-6 