javascript-.click未注册更改的类

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-.click未注册更改的类，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1197字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试创建一个脚本,该脚本将更改另一个元素的类,以避免该脚本在新类下被激活,但是,它没有在脚本中注册,该脚本认为旧类仍然存在.

<script>
$(document).ready(function(){
 $(".element1").click(function(){
  $(".element1").addClass("clicked");
  $(".element1").removeClass("element1");
});});
</script>

当前代码在上面,我正在尝试实现.

解决方法:

具有class element1类的元素在加载时已绑定到单击处理程序…

即使您从该类中删除该类,它仍将绑定到事件处理程序.
如下所示：

$(document).ready(function(){
    $(".element1").click(function(){
        console.log("click");
        $(".element1").addClass("clicked");
        $(".element1").removeClass("element1");
    });
});

.element1{
  color:blue;
}
.clicked{
  color:red;
} 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element1">element 1</div>

我建议您像这样使用off()：
感谢Dashtinejad提到从jQuery 3.0开始不推荐使用.unbind().

$(document).ready(function(){
    $(".element1").click(function(){
        console.log("click");
        $(this).off("click").addClass("clicked").removeClass("element1");

    });
});

.element1{
  color:blue;
}
.clicked{
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element1">Element 1</div>

并使用链接…

内容总结

以上是互联网集市为您收集整理的javascript-.click未注册更改的类全部内容，希望文章能够帮你解决javascript-.click未注册更改的类所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端