toggleClass() 对我不起作用?
toggleClass() does not work for me?
我的页面上有一个购物袋,我想用 toggleClass() 固定和取消固定这个袋子 jquery。为此,我使用 "fix" class,但我的解决方案不起作用。当我点击输入按钮时,"fix" class 被添加到 li 元素,但是当我再次点击输入按钮时,"fix" class 不会被删除。请帮我。谢谢。
我的.aspx:
<ul class="menu">
<li>...</li>
<li>...</li>
<li>...</li>
<li class="dropdown right transition">
<a href="#" class="dropdown-toggle">
</a>
<asp:UpdatePanel ID="UpdatePanel3" runat="server"><ContentTemplate>
<div class="grid-container5">
<div class="dropdown-inner form">
//my Shopping bag
</div>
<input id="pin" type="submit" name="pin" value="" class="pin" />
</div>
</ContentTemplate></asp:UpdatePanel>
</li>
</ul>
我的jquery:
$(function () {
$("#pin").click(function () {
$(".menu li.dropdown").toggleClass("fix");
});
});
那是因为您正在使用输入类型=提交..使其成为按钮它会起作用...每次您单击提交按钮时它都会将页面提交回 CS 页面并在发布时发布 back.And返回 aspx 页面无法重新绑定 jquery 事件。因此您在回发后看不到它的工作。
如果您制作输入类型按钮,它不会回发并按预期工作。
我的页面上有一个购物袋,我想用 toggleClass() 固定和取消固定这个袋子 jquery。为此,我使用 "fix" class,但我的解决方案不起作用。当我点击输入按钮时,"fix" class 被添加到 li 元素,但是当我再次点击输入按钮时,"fix" class 不会被删除。请帮我。谢谢。
我的.aspx:
<ul class="menu">
<li>...</li>
<li>...</li>
<li>...</li>
<li class="dropdown right transition">
<a href="#" class="dropdown-toggle">
</a>
<asp:UpdatePanel ID="UpdatePanel3" runat="server"><ContentTemplate>
<div class="grid-container5">
<div class="dropdown-inner form">
//my Shopping bag
</div>
<input id="pin" type="submit" name="pin" value="" class="pin" />
</div>
</ContentTemplate></asp:UpdatePanel>
</li>
</ul>
我的jquery:
$(function () {
$("#pin").click(function () {
$(".menu li.dropdown").toggleClass("fix");
});
});
那是因为您正在使用输入类型=提交..使其成为按钮它会起作用...每次您单击提交按钮时它都会将页面提交回 CS 页面并在发布时发布 back.And返回 aspx 页面无法重新绑定 jquery 事件。因此您在回发后看不到它的工作。 如果您制作输入类型按钮,它不会回发并按预期工作。