所以我一直在建立一个基于我在网上找到的模板的网站,我将不胜感激任何帮助它实现我想要的功能.目前,它设置了过滤器,允许您对多个缩略图进行排序.但是,我希望当前充当"过滤器"的链接替换所有缩略图显示的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 …