Question

我运行以下代码来创建一个下拉手风琴，当div“#top_mailing”悬停时，它会显示隐藏的div“#top_mailing_hidden”。问题是，当我通过鼠标停止然后再次鼠标悬停来中断动画时，它会中止动画并搞砸。

我有以下代码：

//Top Mailing List Drop down animation
$(document).ready(function () {

$('#top_mailing')
.bind("mouseenter",function () {
    $("#top_mailing_hidden").stop().slideDown('slow');
})
.bind("mouseleave",function () {
    $("#top_mailing_hidden").stop().slideUp('slow');
});

}）;

Brian Cherne的插件说要调用hoverIntent函数，如下所示（其中'makeTall'和'makeShort'是定义函数：

$("#demo2 li").hoverIntent( makeTall, makeShort )

我认为我得到的行为的最佳解决方案是使用Brian Cherne的“HoverIntent”jQuery插件。问题是我不知道如何/在哪里插入代码到上面调用HoverIntent插件。它说要调用“.hoverIntent”而不是.hover但是我的代码使用的是.bind（“mouseEnter”......有人请帮忙！

Answer 1

您仍然可以使用hoverIntent：

的匿名函数

$('#top_mailing').hoverIntent(function () {
   $("#top_mailing_hidden").stop().slideDown('slow');
 }, 
 function () {
   $("#top_mailing_hidden").stop().slideUp('slow');
});

插入滑动面板的jQuery HoverIntent

1 个答案: