同位素与烧烤

时间:2015-08-10 13:40:36

标签: wordpress jquery-isotope jquery-bbq

我正在使用以下同位素实现在我的wordpress网站上包含一个同位素网格,它使用三个选择菜单按标签过滤。这一切都很好,但任何人都可以给我一些关于添加BBQ插件的指导,使我能够链接到其他页面的预定义过滤器。我尝试了一些变化,但不知道如何使用我现有的代码和BBQ。谢谢你的帮助!

jQuery(function ($) {

var $container = $('#isotope-list'); //The ID for the list with all the blog posts
$container.isotope({ //Isotope options, 'item' matches the class in the PHP
    itemSelector : '.item', 
    layoutMode : 'fitRows',

});

//Add the class selected to the item that is clicked, and remove from the others
var $optionSets = $('.group'),
$optionLinks = $optionSets.find('option');

$optionLinks.click(function(){
var $this = $(this);
// don't proceed if already selected
if ( $this.hasClass('selected') ) {
  return false;
}
var $optionSet = $this.parents('.group');
$optionSets.find('.selected').removeClass('selected');
$this.addClass('selected');

//When an item is clicked, sort the items.
 var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });

return false;
});

});

0 个答案:

没有答案