同位素腳本刪除一些CSS規則？

Question

我正在開發一個網站，並使用非常好的Isotope腳本創建一個可過濾的項目區域。

我設置這樣的項目的背景將變爲紅色，當你徘徊他們，但奇怪的是同位素刪除一些過濾後他們的一些的hover效果。

你可以看到我的意思在這裏一個示例：http://paragraphe.org/henpier/isotope_test/archive.html

嘗試懸停他們：一切似乎都沒事。然後嘗試過濾他們幾次，突然一些hover影響停止工作...

請大家，你能幫我解決爲什麼會發生這種情況嗎？ 非常感謝，

Answer 1

我完全錯過了重要的CSS規則同位素requiers，特別是一些z-index的過濾部分：

http://isotope.metafizzy.co/docs/introduction.html#css

感謝David指出了這一點...

Answer 2

同位素將在腳本中引起冒泡 - 參考您的懸停效果使用ON綁定它們。 http://api.jquery.com/on/

$("p").on("hover", function(){ 
alert($(this).text()); 
}); 

雖然 - 我看你是通過CSS設置它。 - 您可以通過同位素元素循環循環，並專門追加該類以確保其正常工作。或者你可以使用上面的懸停功能來追加或刪除類。

http://isotope.metafizzy.co/docs/extending-isotope.html

$('#container').isotope({ 
    itemSelector: '.element', 
    itemPositionDataEnabled: true 
}) 
// log position of each item 
.find('.element').each(function(){ 
    var position = $(this).data('isotope-item-position'); 

//APPEND required class here. ensure its on the elements 

    console.log('item position is x: ' + position.x + ', y: ' + position.y ); 
});