Question

我在HTML页脚中使用了一个名为#mainModal的模式：

<div class="modal fade draggable-modal ui-draggable" id="mainModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-login" role="document">
        <div class="modal-content"></div>
    </div>
</div>

之后，在我的所有页面中，在需要时使用不同的内容打开相同的模式，使用以下链接：

<a href="/m/invoices/pay/313" data-toggle="modal" data-target="#mainModal" class="btn btn-sm blue-madison tooltips"><i class="fa fa-money"></i></a>

当我点击我的链接时，第一次，它打开模式，但是在模态打开后，“点击”事件被销毁了！所以，如果我点击相同的链接或任何其他链接（当然模态关闭后）它会在页面中打开内容（不再是模态）。

我的js控制台没有错误。

要在每次隐藏时重置模态内容，我都会使用：

$('body').on('hidden.bs.modal', '.modal', function () {
    $(this).removeData('bs.modal');
});

我认为问题不在这部分代码中。

有人能帮助我吗？感谢

Answer 1

问题出在模态内容脚本document.off().on(...) 重置了我在所有网站上的所有点击事件。

对不起，我的错。

模态打开后，bootstrap模态单击事件被销毁

1 个答案: