jquery bind()绑定到不需要的元素

时间:2013-03-31 22:10:40

标签: javascript jquery html-lists bind mouseenter

我有一个ul,每个li都有一行图像,我正在尝试将一个函数绑定到每个li,以便在'mouseenter'的行上'mouseout图片会显示,bind()'上的图片行会消失...我会根据div在每个li内的#id上致电div,这样他们就能独立工作。 一切正常,除了绑定函数似乎将每个离散函数绑定到它们各自的li,然后绑定到它下面的每个后续$menu1 ......不在上面,但是......所以我将鼠标向下移动到较低的列表项目(当前已折叠),聚焦的图像行闪烁进入...如果我有一行较低的图像行未折叠(只有一行可以不折叠一段时间),并将鼠标移到“上方”​​列表项上,这种毛刺行为不会发生......

div是第一个li中的$menu1 ...即使只使用此代码(以及其他四个绑定调用已注释掉),所有四行图像仍会触发{{ 1}}淡入淡出..

这是代码:

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

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

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

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

});

我一直试图将它排除几天,而我的jquery / javascript技能似乎不适合看来......非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我认为$ menu1不是正确的标识符。 你的意思是$("#menu1")