jQuery :visible 和 :hidden 在 onmouseover 和 onmouseout 中无法使用 i

Question

<div id="body" onmouseover="if ($('div#menu').is(':visible')) {$('div#menu:visible').hide('blind', { direction: 'left' }, 5000);}">

这根本行不通！链接到本主题的示例;(我的网站截至2012年2月25日(

Answer 1

所以，如果我现在理解你，这应该正是你想要的，只是没有那些混乱的内联javascript。我使用了jQuery悬停意图插件(http://cherne.net/brian/resources/jquery.hoverIntent.html(

http://jsfiddle.net/FcdTw/

Answer 2

使用 jQuery 事件而不是内联内容：

$('#body').hover(function () {
    // Mouse over
    $('#menu').show();
}, function () {
    // Mouse out
    $('#menu').hide();
});

Answer 3

您想在

鼠标悬停 #body 或 #lbert 时显示菜单？

所以你应该先隐藏它...？

div#menu {
  background: #EDEDED;
  -webkit-box-shadow: 0 0 5px #A2A2A2;
  width: 98.5%;
  padding: 5px 10px 5px 5px;
  -webkit-border-radius: 3px;
  display:none;
}