Bootstrap 3.3.7 模态显示事件无法正常工作答案

【问题标题】：Bootstrap 3.3.7 modal shown event not working properlyBootstrap 3.3.7 模态显示事件无法正常工作
【发布时间】：2017-07-26 15:10:23
【问题描述】：

我正在使用 Bootstrap 3.3.7

我在点击搜索按钮时加载了一个模式，并且我在模式上有链接，当我点击链接时，我会根据该链接获取数据，关闭模式并填充表单。

但下面的功能似乎无法正常工作。我检查引导程序是否使用 typeof $().modal == 'function' 在控制台中加载，当它返回 true 时，我的函数被调用，当它返回 false 时，下面的函数没有被调用。我的模态被加载，因为我在按钮本身上调用它。如果$().modal == 'function' 为真，我需要刷新很多并检查控制台，以便能够在显示的模式上调用函数。

如何确保引导程序始终正确加载。

所有这些代码都在 SharePoint aspx 页面上，但我认为这不是问题

$('#myModal').on('shown.bs.modal', function(event) {

    $('#myTable a.policy-no').on('click', function() {

    });

});

【问题讨论】：

标签： javascript jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-modal

【解决方案1】：

尝试像这样通过文档进行设置

$(document).on('show.bs.modal','#myModal', function () {

    $('#myTable a.policy-no').on('click', function() {

    });

})

【讨论】：

【解决方案2】：

我使用类似的东西，当我使用模态时，我会想知道模态是否已经打开，然后阻止它关闭。然后我在已经打开的模式中加载我的新页面/数据。

$(function () {
    $("body").on("click", "button", function (e) {
        e.preventDefault();

        // if the modal is already open, you stop it from closing, and open a new form into the modal
    if (($("body").data('bs.modal') || {}).isShown) {
        e.stopPropagation();
    }

    $(".modal-body, .modal-title").html("");

    // Load your page / data
    $(".modal-title").load(URI, function () { });
    $(".modal-body").load(URI, function () { });
    })
});

【讨论】：