gpt4 book ai didi

javascript - SlideDown 功能需要点击两次才能工作

转载 作者:行者123 更新时间:2023-12-03 11:27:21 25 4
gpt4 key购买 nike

我的网站上有一个 SlideDown 功能。但不知怎的,当你第一次点击它时它不起作用。所以我需要点击两次才能使该功能起作用。什么可能是错误的?

我还希望当我再次点击按钮时div向上滑动,不知道我将如何做到这一点。我尝试使用slideToggle,但最终div在关闭之前上下移动了几次。即使如此,我也需要点击两次。

这是我的 JS:

    function showCart() {
$("#rollDown").click(function() {
$("#shopping_cart_page").slideDown();
});

/* not relevant for this */
emptyBag = document.getElementById("emptyBag");
emptyBag.addEventListener("click", emptyCart);

}

这是我的 HTML:

<div id="navbar">
<ul>
<li><a href="products.html">Products</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#giveaways">Giveaways</a></li>
<li><a href="index.html#contact_field">Contact </a></li>
<li><a id="rollDown">Shopping Bag</a></li>

</ul>
</div>

最佳答案

这是一个简单的例子:

jQuery:

$(document).ready(function(){ // Just adding the click event inside the document ready method should do the trick for you.
$("#rollDown").click(function() {
$("#shopping_cart_page").slideToggle();
});
});

HTML

<input type="submit" id="rollDown" value="Toggle"/>
<div id="shopping_cart_page">Hi</div>

fiddle :http://jsfiddle.net/64gn1unk/

关于javascript - SlideDown 功能需要点击两次才能工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26866887/

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