我有两个列表项,当它们被点击时,应该从“.off”更改为“.on”。每次只能有一个元素被“。on”选中,因此当一个已经打开并且另一个被点击时,两个元素都应该从“.off”更改为“.on”反之亦然。如果单击具有“.on”类的列表项,则应将其更改为“.off”。
我的问题是,当点击具有“.on”类的列表项时,它仍会运行点击功能,就好像它具有“.off”类一样。
我的html:
我的问题是,当点击具有“.on”类的列表项时,它仍会运行点击功能,就好像它具有“.off”类一样。
我的html:
<ul>
<li><a href="about" class="off">ABOUT</a></li>
<li><a href="upload" class="off">SUBMIT</a></li>
</ul>
我使用jQuery 1.7.1运行的javascript代码
$('.off').click(function(event) {
event.preventDefault();
$(".on").addClass("off").removeClass("on");
$(this).addClass("on").removeClass("off");
});
$('.on').click(function(event) {
event.preventDefault();
$(this).addClass("off").removeClass("on");
});
有人知道这里发生了什么吗?我的代码有问题还是我遇到了某种错误?
off()
/unbind()
来删除事件处理程序。 - Matt