Question

我的页面上有一个jquery对话框。当我不再需要我的对话时，我就像这样“隐藏”它：

$('#modal-dialog').modal('hide');

我的问题：如何在对话框的'隐藏'（不是真正关闭......）上绑定一个事件来做一些事情。

我已经这样了：

$('#modal-dialog').bind('dialogclose', function (event) {
    // do something here
});

但它不起作用。

感谢您的帮助。

Answer 1

假设您使用的是bootstrap模态库：

$('#modal-dialog').on('hidden', function () {
  // do something…
})

Answer 2

根据隐藏模态的方式（以及您想要的事件），您可以在隐藏后将所需内容串起来。如果您的隐藏是即时的，那么您可以添加更多方法： $('#modal-dialog').modal('hide').append("<p>append some text</p>");否则我会建议只是制作一个小模态插件来调用窗口，然后使用$("#modal-container").hide(function(){ //events events events });

Answer 3

这对我有用：

$("#dialog-modal").on('dialogclose', function (event, ui) {
        changeImage()
    })

隐藏我的jQuery对话框时做一些事情

3 个答案: