javascript - Bootstrap3 确认模态回调触发两次

Question

我在下面使用的代码第一次工作正常。当我单击取消并再次按删除时，函数被调用两次。在下面的示例中，我收到两次警报。我尝试返回 false，仍然是同样的问题。

下面是javascript代码

$(document).on("click",'.delbuttfultrackconfirm', function(e){


    $('#delfultrackconfirm')
        .modal({ backdrop: 'static', keyboard: false })
        .one('click', '#delfultrackconfirmdel', function (e) {
           alert("delete");

        });


});

你好下面是html代码

<!-- Modal --> 
<div class="modal fade" id="delfultrackconfirm" role="dialog" aria-labelledby="delfultrackconfirmLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div id="delfultrackconfirmbody" class="modal-body"> Are you sure want to delete this </div>
         <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-primary" id="delfultrackconfirmdel">Delete</button> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> </div>
      </div>
   </div>
</div>
<br><br><br>
<center><button class="delbuttfultrackconfirm" href="#">del</button></center>

这里是 bootply http://www.bootply.com/1Ghug4eX7p

Answer 1

简单的把按钮的点击功能放在'. delbuttfultrackconfirm'点击，像这样

$(".delbuttfultrackconfirm").click(function(e){
    $('#delfultrackconfirm').modal({ backdrop: 'static', keyboard: false });
});

$('#delfultrackconfirmdel').click(function (e) {
       alert("delete");
});

问题是您的代码是每次您打开模式而不是单击“删除”按钮时，您都会添加另一个要在第一次单击该按钮时执行的处理程序。

阅读文档:http://api.jquery.com/one/