jQuery點擊click觸發兩次事件解決辦法

對於jQuery的js框架，大家都不陌生，但是有的是時候需要 使用click函數進行事件的應用

但是，有的時候點擊一個div後出現了兩次事件 解決辦法。

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(); });
                    }
                });

以上兩種可以解決辦法。

來源網址:https://www.sky8g.com/technology/1047/