同位素：前置项目

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'});