gpt4 book ai didi

javascript - jQuery Slideup 导致多张幻灯片

转载 作者:行者123 更新时间:2023-12-02 16:49:57 25 4
gpt4 key购买 nike

我希望使用 jQuery 向下滑动一个元素,等待,然后将其向上滑动。

当我使用以下代码时,它可以很好地向下滑动,但是当向上滑动时,它似乎会上下滑动多次。

HTML:

<div id="area">
<div id="summary"><p>hello summary</p></div>
<div id="dropdown">
<div class="item"><p>hello item</p></div>
<div id="functions"><p>hello functions</p></div>
</div>
</div>

<p><a href="#" id="test_add">TEST ADD</a></p>

jQuery:

$("document").ready( function () {
$("#test_add").bind("click", add_item_annimate)
})

function add_item_annimate() {
$("#dropdown").slideDown("fast").delay(1500).slideUp("fast");
}

不太清楚为什么会发生这种情况。

最佳答案

这可能是因为动画队列,要清除它,您可以使用 stop方法:

$("#dropdown").stop(true).slideDown("fast").delay(1500).slideUp("fast");

关于javascript - jQuery Slideup 导致多张幻灯片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26758662/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com