php - 为什么 Bootstrap Modal 上的按钮第二次不起作用？

Question

我正面临一个非常愚蠢的问题，这让我非常恼火。
我有一个引导模式弹出窗口，当我点击页面上的 Add 按钮时，它会打开。

当我第一次打开它时它工作得很好但是当我关闭它并重新打开(不刷新页面)然后模态上的按钮像保存，重置没有工作。

我尝试了下面的代码。这将完美关闭模式弹出窗口，但按钮不起作用。

jQuery('[data-dismiss="modal"]').on('click', function(){
    jQuery('.modal').hide();
    jQuery('.modal-backdrop').hide();
});

如果我刷新页面并打开模态弹出窗口，那么它会像魅力一样工作，如果我再次关闭并重新打开则不起作用。

有人可以帮我摆脱这种情况吗。

注意:- 我在模态框内没有任何模态框。这只是一个导致问题的弹出窗口。

我正在为保存按钮使用下面的代码。

$("#btnSave").die("click").bind("click", function() {
    //calling ajax to save
});

Answer 1

要关闭模式，您应该使用 jQuery('.modal').modal('hide'); 而不是 jQuery('.modal').hide();

所以你的最终代码看起来像

jQuery('[data-dismiss="modal"]').on('click', function(){
    jQuery('.modal').modal('hide');
});