Question

我有一个简单的脚本，其中包含一个ID为标签的DIV按钮。当悬停另一个内容为id的div时。两个DIV都包含在一个id为basket-top的DIV中。悬停呼叫附加到此div。这是HTML：

<div id="basket-top">
    <div id="content"><br />
            <br />
            content here<br />
            <br />
    </div>
    <div id="label">label here</div>
</div><!-- /basket-top -->

这是JS：

$("#basket-top").hover( function () {
    $("#basket-top #content").slideDown(500);
}, function () {
    $("#basket-top #content").slideUp(500);
});

这很好用，直到用户快速进出，一遍又一遍地调用该功能，并且该层上下滑动几次。如果前一个操作没有完成，有没有办法阻止调用函数？

Answer 1

首先，"#basket-top #content"是不必要的，因为ID必须是唯一的。 "#content"就足够了。其次，请参阅jQuery的.stop()函数。

$("#basket-top").hover( function () {
    $("#content").stop(true,true).slideDown(500);
}, function () {
    $("#content").stop(true,true).slideUp(500);
});

Answer 2

当您将鼠标悬停在content

上时，会显示label分部

$("#content").hide();
$("#label").hover(function () {
    $("#content").stop(true, true).slideDown(500);
}, function () {
    $("#content").stop(true, true).slideUp(500);
});

JsFIDDLE HERE

另外在旁注中，您应该仔细阅读您在此处提出的所有问题并接受正确的答案。当您发布新问题时，这将使其他人想要帮助您。并感谢那些花时间帮助你的人。

Jquery Hover问题 - 多次调用脚本

2 个答案: