感谢你们,我的菜单现在可以使用了,因为子菜单显示的时间足够长,用户可以将鼠标移到链接上。不幸的是,它并不完全正确。即使用户将鼠标放在子菜单上,该子菜单也会关闭。我已经添加了下面的HTML代码以及修改后的js文件代码。我认为问题出在$('.myMenu > li').bind('mouseout',closeSubMenu);行中。也许另一种选择是在调用openSubMenu函数后有一个超时延迟,以便在子菜单隐藏之前至少给用户8秒左右的时间。这对我来说是一个可以接受的解决方案。
<!-- HTML menu code below -->
<
HTML
<p id="para"> This is a paragraph</p>
JS/Jquery
$("para").hover(function() {$(this).hide();}, function() {$(this).show();});
现在我尝试的是,当鼠标经过段落时,元素应该隐藏,而当鼠标离开时,元素应该再次可见。然而,两个段落都没有隐藏,因此没有出现。这是怎么回事?
我正在尝试显示div #2,当div #1被鼠标化时。如果div #2没有在短时间内(例如3秒)被鼠标切换,那么它就会隐藏。我的代码已经半工半读了,但它的性能确实很差。有时它根本不隐藏,我不知道如何在它再次隐藏之前调整时间。
<div id="1">When this is moused-over</div>
<div id="2">Show this and then hide again if not moused-over within 3 secs.</div>
编辑:,以防将来有人需要它。我已经修复了代