我有一个简单的脚本,其中一个按钮包含在一个带有标签 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);
});
这工作正常,直到用户快速进出,一遍又一遍地调用该函数并且图层上下滑动几次。如果前一个动作没有完成,有没有办法阻止函数被调用?