只顯示一個覆蓋懸停

Question

我遇到了麻煩，我的jQuery代碼，而不是覆蓋顯示在懸停，所有他們出現時，我將鼠標懸停在一個。 我已經做了一個JS Bin：http://jsbin.com/fukuw/8/ 如果你把鼠標懸停在圖像上，所有的疊加層都會出現，但是你想要顯示的疊加層的意圖是什麼。 另外我怎樣才能讓該代碼適用於觸摸用戶？

Answer 1

問題是你說的不是正確的元素的動畫 - 你必須使用this，找到屬於你懸停在該元素的疊加...

SaveElement.on("mouseover", function() { 
    $(this).find(".overlay").animate({ opacity: 1, top: "3px" }, 150); 
    }); 

    SaveElement.on("mouseleave", function() { 
    $(this).find(".overlay").animate({ opacity: 0, top: "-23px" }, 150); 
    }); 
}); 

http://jsbin.com/wuribezonoji/1