javascript - 如果光标在 div 内然后显示 block jquery

Question

这是问题的一个 jsfiddle: http://jsfiddle.net/MEJgb/

我想要它，所以当您将鼠标悬停在页脚的任何位置时，toggledown 将变为事件状态，并将保持事件状态，直到您将鼠标从页脚移开。

Answer 1

您的问题是以下行:

    jQuery('html,body').animate({
        scrollTop: jQuery("#footer_copy_right").offset().top
    }, 'slow');

这会导致整个页面移动，因此您悬停的项目不再悬停，因此它会再次触发您的事件并隐藏您的文本。当我测试时，这导致悬停内容在我的鼠标下方移回并因此再次触发......

我个人不会在这种情况下使用悬停，而是让用户点击展开，然后再次点击折叠。

如果您想继续使用悬停选项，那么您需要决定触发折叠的事件应该是什么。显然，当前的选择(鼠标不再位于箭头上方)是不够的。

通常我会做的是将悬停附加到包含可见触发 block 以及将要显示的内容的 block 。这样，在您移开新显示的内容之前，您的内容不会折叠。

http://jsfiddle.net/AjHwM/就是这样的一个例子。