2013-03-31 22 views
0

我有一個ul,每個li有圖像的行,我試圖綁定到每個li以便在'mouseenter'顯示圖像的行的功能,並在'mouseout「的一排圖像消失...我在每li內的div上撥打bind(),基於#id,以便它們獨立工作。 一切正常,除了綁定函數似乎將每個離散函數綁定到它們各自的div,然後到它下面的每個後續的li ......不在上面,儘管......所以當我將鼠標向下移動列表項目(當前已摺疊)時,焦點圖像行將閃爍進行...如果我有一個較低的圖像行未摺疊(一次只能有一個未摺疊),並移動鼠標向上在「上面」列表中的項目,不會發生此行爲出問題...jQuery的bind()的結合不需要的元素

$menu1是第一lidiv ......即使只有這個代碼(以及其他四個bind調用註釋掉)所有四行圖片仍然觸發$menu1淡入淡出..

下面的代碼:

$menu1.bind('mouseenter', function(){ 

$menu1.animate({'opacity':'1.0'});     

}).bind('mouseleave', function(){ 

$menu1.animate({'opacity':'0.0'}); 

}); 

我一直想現在排序了這一點了幾天,和我的jQuery/JavaScript的技能,只是不及格似乎...感謝這麼多的任何幫幫我。

+2

什麼是'$ menu1'? – Mooseman

+0

我認爲這將有助於如果你去http://jsfiddle.net併發佈一個鏈接到你的代碼在這裏。 –

+0

您是否嘗試在函數中使用'this'關鍵字,並且理想的情況是您今年將使用'on()'。這是[** FIDDLE **](http://jsfiddle.net/FjvZs/)?? – adeneo

回答

0

我不認爲$ menu1是一個正確的標識符。 你的意思是$("#menu1")

+0

$ menu1是我聲明使用的變量:var $ menu1 = $('#menu1'); – user2228285