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

Question

我正面临一个非常愚蠢的问题，这让我非常恼火。
我有一个引导模式弹出窗口，当我单击页面中的“添加”按钮时会打开该弹出窗口。

当我第一次打开它时它工作得很好，但是当我关闭它并重新打开（不刷新页面）时，模式上的按钮（如Save，Reset ）不起作用。

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

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');
});