什麼原因導致jQuery點擊事件不總是觸發？

Question

我有以下腳本。 HTML不會動態添加。在99％的時間內，確認彈出窗口將打開，並且數據將在確認後發佈，但是每隔一段時間，複選框都會以可視方式更改狀態，但確認彈出窗口不會打開。我在Windows 7上運行的Firefox 34.0.5上目睹了這一點，並且尚未在其他瀏覽器上測試過。

什麼可能導致這種情況發生，以及如何防止？

編輯。當我進入頁面並快速點擊複選框時，它總是發生。

<input type="checkbox" checked="" id="makePublic"> 

$(function() { 
    $("#makePublic").click(function(e){ 
     if($(this).is(":checked")){ 
      var status=1; 
      var message='Are you sure you wish to make this project public?'; 
     } 
     else { 
      var status=0; 
      var message='Are you sure you wish to make this project private?';    
     } 
     if(window.confirm(message)) { 
      $.post('update.php',{id:$('#id').val(),status:status}); 
     } 
     else {e.preventDefault(); 
      return; 
     } 
    }); 
}); 

Answer 1

編輯。當我進入頁面並快速點擊複選框時，它總是發生。

然後，您應該禁用該元素，直到您的JavaScript完成。問題是複選框是可見的，沒有附加事件。我認爲最好的選擇是禁止點擊（通過設置禁用或隱藏等）直到事件被附加之後。

<input type="checkbox" checked="" id="makePublic" disabled="disabled"> 

$(function() { 
    $("#makePublic").click(function(e){ 
     if($(this).is(":checked")){ 
      var status=1; 
      var message='Are you sure you wish to make this project public?'; 
     } 
     else { 
      var status=0; 
      var message='Are you sure you wish to make this project private?';    
     } 
     if(window.confirm(message)) { 
      $.post('update.php',{id:$('#id').val(),status:status}); 
     } 
     else {e.preventDefault(); 
      return; 
     } 
    }); 

    $("#makePublic").prop('disabled',''); 

});