所以我一直在建立一个基于我在网上找到的模板的网站,我将不胜感激任何帮助它实现我想要的功能.目前,它设置了过滤器,允许您对多个缩略图进行排序.但是,我希望当前充当"过滤器"的链接替换所有缩略图显示的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检测ListView何时"向上"或"向下"滚动？Windows Phone 8.1 ListView
-
2Telegram bot api键盘
-
3链接是什么:功能"参数"(范围,元素,attrs)？AngularJS
-
4添加id并使用它的jquery脚本不起作用
-
5plotly js:如何在加载绘图图像后运行我的javascript
-
6Stata访问元素作为标量或宏的矩阵
-
7重构Ruby
-
8java:如何为变量自动生成自定义方法
-
9自定义URI方案和Skype链接
-
10有没有办法关闭JIT编译器,这样做会对性能产生影响吗？
-
11因大小而无法上传文件
-
12当键盘出现在swift中时,向上滚动UITableView
-
13Android上的Cordova全屏启动画面仍显示标题栏
-
14Swing Ui倍增面板重影
-
15移动到vim中行中给定字符的最后一个实例？
-
16应用程序在HttpLoggingInterceptor上崩溃
-
17docker组合中'image'和'build'之间的区别
-
18Android 6.0.1上的Spinner内部填充更大
-
19如何在Python中将浮点数舍入到最接近的整数
-
20在换行符和逗号上拆分字符串
京公网安备 11010802040832号 | 京ICP备19059560号-6 