首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Bootstrap 3.3.7显示的模式事件无法正常工作

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

Stack Overflow用户
提问于 2017-07-26 23:10:23
回答 2查看 877关注 0票数 0

我使用的是Bootstrap 3.3.7

我点击一个搜索按钮加载一个模式,我在模式上有链接,当我点击链接时,我会获得基于此的数据,关闭模式并轮询表单。

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

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

所有这些代码都在SharePoint aspx页面上,但我相信这不是问题。

代码语言:javascript
运行
复制
$('#myModal').on('shown.bs.modal', function(event) {

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

    });

});
EN

回答 2

Stack Overflow用户

发布于 2017-07-26 23:20:27

试着在文档中这样设置它

代码语言:javascript
运行
复制
$(document).on('show.bs.modal','#myModal', function () {

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

    });

})
票数 0
EN

Stack Overflow用户

发布于 2017-07-27 16:04:51

我使用这样的东西,当我使用一个模式时,我会检查模式是否已经打开,并阻止它关闭。然后,我将新页面/数据加载到已经打开的模式中。

代码语言:javascript
运行
复制
$(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 () { });
    })
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45330949

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档