代码之家 › 专栏 › 技术社区 › ThunD3eR

如何在用户单击引导模式对话框外部时捕获事件?

asp.net-mvc-5 jquery javascript

ThunD3eR · 技术社区 · 9 年前

脚本 :

我点击一个按钮
对服务器进行Ajax调用
返回数据并显示模态

问题 :

当用户单击关闭按钮或角落里的“X”时,我通过给这两个元素分配一个类并给这个类分配一个事件来捕捉这个事件。

密码 :

$(document).on("click", ".dialogTankClose", function() {
    //some code
})

我的问题是,当用户点击对话框外部或按下“escape”时,我无法理解如何捕捉。

$(document).on("click", "modalCloseEvent",function(){
// how to catch this?
})

我怎么能抓住这个?

2 回复 | 直到 9 年前

Rory McCrossan Hsm Sharique Hasan 9 年前

Bootstrap模式在关闭时引发一个事件,您可以将其挂接到: hidden.bs.modal 。无论模式如何关闭,此事件都会激发。试试这个:

$('#bootstrapModal').on("hidden.bs.modal", function() {
    $.automation.worker.bindIntervalEvent("#TanksContent", "/Tank/GetTanks", function () {
        $.automation.tanks.tableInit();
    });
});

如果将模式动态添加到DOM中,则可以使用委托事件处理程序:

$(document).on("hidden.bs.modal", '#bootstrapModal', function() {
    $.automation.worker.bindIntervalEvent("#TanksContent", "/Tank/GetTanks", function () {
        $.automation.tanks.tableInit();
    });
});

更多信息请访问 Bootstrap documentation

Saurabh Raut 4 年前

您可以使用“hidden.bs”。modal的modal方法,以便在modal从文档中卸载/隐藏时运行自定义代码。

$('#your-modal-ID').on('hidden.bs.modal', function (e) {
  console.log("Hey !! I am unloading... ");
});

推荐文章

Ahsan · 如何在MVC5中使用EF中的开始事务

3 年前

Alex · HttpException未被异常筛选器捕获

8 年前

Liam Kernighan · ASP。NET MVC 5在请求之间保留旧输入

8 年前

David Klempfner · 为生产设置compliation debug=false

8 年前

Julian Camilo Cortes Chia · 如何在adminlte模板mvc中修复侧栏?

8 年前

Junior · 如何重构我的asp。net mvc 5控制器来抽象掉所有这些依赖关系?

8 年前

Gqqnbig · 为自定义模型绑定器提供参数

8 年前

Surbhi Singhal · 如何在成功发布后更新页面内容而不刷新页面

8 年前

hsim · javascript ajax发布后未命中MVC Get方法

8 年前

Foskill · 为什么要进来。Net MVC5不循环?

8 年前