Question

我正在使用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() {

    });

});

Answer 1

尝试像这样设置文档

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

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

    });

})

Answer 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 () { });
    })
});

Bootstrap 3.3.7模式显示事件无法正常工作

2 个答案: