javascript - 单击按钮内的 JS 函数被调用两次

Question

嗨，我有以下代码，它给了我奇怪的行为

$("#cont_btn").click(function () {
    $("#cont_btn").attr('disabled', 'disabled');
    selRowIds = $("#CodeGrid").jqGrid('getGridParam', 'selarrrow');
    rowsToJson(selRowIds);
    //return false;
});

按钮 cont_btn 是 bootstrap 2 模态上的按钮。它包含一个继续按钮和一个关闭按钮。

如果我选择关闭按钮或单击模态外部将其关闭，然后重新打开模态，该函数将被调用两次。

我尝试过使用

.one('click', function() { ... } 

我已经在
行上放置了断点$("#cont_btn").click(...

click 不会被调用两次。在调试过程中，我发现脚本重新进入了

行

 $("#cont_btn").attr('disabled', 'disabled');

在页面加载时，我看到以下行

$("#cont_btn").click(function () {

被点击但代码没有进入函数，它会跳到关闭按钮。我认为这是正在初始化的两个按钮的监听器？

谷歌搜索建议检查脚本是否被调用两次并使用 return false，但没有任何效果。

感谢任何帮助。

Answer 1

事件处理程序位于打开模态框的函数内部，因此每次打开模态框时，都会再次绑定(bind)事件处理程序。