2012-08-27 84 views
0

除了具有組合過濾器的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新手而感到抱歉!並提前致謝!

回答

1

也許唯一缺少的是設置不透明度$ mission_item

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

謝謝!我不認爲我會想到這一點。這就是棧溢出如此美妙的原因。 –

+0

有關如何繞過濾鏡的任何想法?我仍然難倒。 –