jquery中click点击一下触发两次的解决办法

1.事件点击div触发两次事件办法

$("#myDiv").click(function(e){
 e.stopPropagation();   //表示阻止向父元素冒泡
 e.preventDefault();     //阻止 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交或者a标签)。
});

2.ajax时成功的触发click事件 如果多次ajax就会有多个事件存放,然后你点击时,会触发你点击的ajax的数目的click事件。
解决的办法是:$(“.at-share-btn”).unbind(); 提前取消事件

$.ajax({
                    type: "POST",
                    url:"/index.php",
                    data:{"email":email},
                    dataType:'json',
                    cache:false,
                    error: function(request) {
                        alert("Please refresh the page and try again.");
                    },
                    success: function(data) {
                    if(data.over){
                               $(".at-share-btn").unbind();
                               $(".at-share-btn").click(function(){  share(); });
                    }
                });
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 4,084评论 0 9
  • 问答部分 一、说说库和框架的区别? 库~是一个提供了封装好很多方法的工具,在这个工具里面,用与不用都是由你决定,控...
    dengpan阅读 2,934评论 1 2
  • jQuery中的事件 JavaScript和HTML之间的交互是通过用户和浏览器操作页面所引发的事件来处理的。当文...
    AuthorJim阅读 3,757评论 0 0
  • 问答部分 一、说说库和框架的区别? 库~是一个提供了封装好很多方法的工具,在这个工具里面,用与不用都是由你决定,控...
    dengpan阅读 2,454评论 0 0
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,293评论 0 2

友情链接更多精彩内容