2011-05-12 25 views
1

我在網站上使用Quicksand插件,我想讓所有項目都有懸停效果。我設法做到了,但懸停效果在過濾發生後會消失。然後我也跟着這樣的建議:懸浮效果與流沙插件

jQuery quicksand plugin with .click method

,並增加了以下我的代碼:

$("img.on").live({ 
mouseover: 
function() { 
$(this).stop().animate({"opacity": "0"}, "slow");}, 
mouseout: 
function() { 
$(this).stop().animate({"opacity": "1"}, "slow");}}); 
$("img.over").live({ 
mouseover: 
function() { 
$(this).stop().animate({"opacity": "1"}, "slow");}, 
mouseout: 
function() { 
$(this).stop().animate({"opacity": "0"}, "slow");}}); 

看來工作在FF罰款,但IE8將無法正常工作。懸停圖像顯示在原始圖像上方,不會從那裏移動。如果我將mouseover更改爲mouseenter並將鼠標移到mouseleave上,它會在盤旋和離開後至少淡出,然後按預期執行。

我有不透明的懸停img通過css cero。

我可能犯了一個新手錯誤,我對js和jquery完全陌生。

+0

我的上帝! *** Quicksand ***是產品名稱? – 2011-05-24 16:27:06

回答

0

使用.live()我解決了這個問題,因此clonned元素會受到懸停的影響