1

我运行以下代码来创建一个下拉手风琴，当 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”......有人请帮忙！

4

1 回答 1

1

您仍然可以将匿名函数与 hoverIntent 一起使用：

$('#top_mailing').hoverIntent(function () {
   $("#top_mailing_hidden").stop().slideDown('slow');
 }, 
 function () {
   $("#top_mailing_hidden").stop().slideUp('slow');
});
于 2010-02-04T00:04:14.860 回答