ボタンは、バックグラウンドで2回

Question

二度目にクリックしたときに、私はjQueryの内のコードを次している

<script language="javascript"> 
    $(document).ready(function() {    
     $('#btnSaveRole').click(function(){ 
      $('#btnFinalSaveRole').click(function() {     
       var $_Role   = $('#txtRole').val(); 
       var data = { 
        "Role"   : $_Role 
       };  
       $.ajax({ 
        url:   'http://localhost:1234/AdminSystem1/public/SaveRole', 
        method:   "POST", 
        async:   true, 
        data:   JSON.stringify(data), 
        contentType: "application/json; charset=utf-8", 
        success: function (msg) { 
         $("btnSaveRole").unbind('click'); 
         $("btnFinalSaveRole").unbind('click'); 

        }, 
        error: function (jqXHR) { 
         $("btnSaveRole").unbind('click'); 
         $("btnFinalSaveRole").unbind('click'); 
        } 
       }); 
      }); 
     }); 
    }); 

</script> 

問題は、私はもう一度同じボタンbtnSaveRoleをクリックしたときに、それが2回クリックされますでクリックされます。

私は成功で、コードの下に使用することを修正して、コールバック

$("btnSaveRole").unbind('click'); 
$("btnFinalSaveRole").unbind('click'); 

を失敗するために私は何も足りませんか？

Answer 1

最初のクリックで、あなたはbtnFinalSaveRoleをクリックしたとき、あなたは2回クリックする必要があります、あなたはもちろん、だからbtnFinalSaveRole

に別のイベントを追加し、btnFinalSaveRoleに セカンドクリックし、イベントを追加します。あなたはbtnSaveRoleを2回クリックしています。

jQuery click（）はイベントをオーバーライドせず、リストに追加します。

イベントを別のイベントに追加することは、通常は悪い考えです。良いアイデアは外に縛ることです。 Xが最初にクリックされたことを確認する必要がある場合は、ブール値を作成します。

var clicked = false; 
$("#btnSaveRole").on("click", function(){ 
    clicked = true; 
}); 
$("#btnFinalSaveRole").on("click", function(){ 
    if(clicked) { 
     alert("yahoo"); 
    } 
}); 

他のオプションは、イベントのバインドを解除するのがベストではなく、動作することができます。

$("#btnSaveRole").on("click", function(){ 
    $("#btnFinalSaveRole").off("click.val").on("click.val", function(){ 
     alert("hmmmm"); 
    }); 
}); 

Answer 2

これを試してください。 （私はそれをテストすることはできませんので、保証はありません）。それはあなたがクリックコールバックの内側をクリックコールバックを持っているか、なぜそれが

<script language="javascript"> 
    $(document).ready(function() {    
     $('#btnSaveRole').on("click", function() { 
      $('#btnFinalSaveRole').one("click", function() {     
       var $_Role   = $('#txtRole').val(); 
       var data = { 
        "Role"   : $_Role 
       };  
       $.ajax({ 
        url:   'http://localhost:1234/AdminSystem1/public/SaveRole', 
        method:   "POST", 
        async:   true, 
        data:   JSON.stringify(data), 
        contentType: "application/json; charset=utf-8", 
       }); 
      }); 
     }); 
    }); 
</script>