Question

除了使用带有组合过滤器的Isotope之外，我希望能够使用一些链接将项目添加到同位素。在第一次单击时，我希望项目前置，并在第二次单击链接时，我希望删除前置项目。我已经通过调用jQuery切换到达了一半，但在第三次单击 - 这应该带回前置项目 - 没有任何调用。我认为这是我如何调用我的变量（mission_item）的问题。但我尝试了一些变化，但无济于事。我正在使用的代码是：

var $mission_item = $('<div class="item mission">Mission</div>');
$('#mission a').toggle(function() {
    $container
        .prepend($mission_item).isotope( 'reloadItems' ).isotope({ sortBy: 'original-order'});
}, function(){
   $container
        .isotope('remove',$mission_item);
});

你也可以在我的js_fiddle（http://jsfiddle.net/jessica_b/7uGDX/）上看到它。我想弄清楚的另一件事是如何让这些前置项目绕过过滤器。我想我可以将每个过滤器选项添加到项目的类中，这样它总会显示，但我在Wordpress中工作，过滤器是由帖子类别动态生成的。似乎应该有一个更优雅的解决方案，但我不知道从哪里开始。我为一个jQuery新手道歉！并提前感谢！

Answer 1

也许唯一缺少的是在$ mission_item上设置不透明度

$container.prepend($mission_item.css({'opacity': 1})).isotope( 'reloadItems' ).isotope({ sortBy: 'original-order'});

同位素：前置项目

1 个答案: