jQuery UI 事件功能扩展

Question

我想在关闭时添加自动销毁对话框的功能，而不向当前项目中的每个对话框调用添加任何特殊代码。所以我认为它需要重写默认的对话框 close 事件。

我找到了一种方法来做到这一点（例如：如何扩展 jquery ui 小部件？(1.7))，但我不想只覆盖该事件：我还需要保存该事件的先前行为并添加$(this).dialog("destroy") 在其之后调用。

有什么建议吗？

Answer 1

我不是 100% 确定其正确性，但我认为您可以安全地重写 close 方法，如下所示：

$.ui.dialog.prototype._originalClose = $.ui.dialog.prototype.close;
$.ui.dialog.prototype.close = function() {
        alert ('My stuff');
        $.ui.dialog.prototype._originalClose.apply(this, arguments);
};

您可以在以下位置看到此方法： http://jsfiddle.net/8KKMm/

但是，避免覆盖外部库通常是一个好主意。可能有更好的方法来实现您的目标，而无需使用 jQuery UI 库。请查看对话框组件的可用事件： http://jqueryui.com/demos/dialog/ 。

Answer 2

您可以将 dialogclose 处理程序添加到页面的 body 元素。

您可以在此处找到示例。

无需重写对话框类的close函数，只需使用对话框类提供的事件即可。

前任：

$("body").on("dialogclose", function(){
    alert("closed");
});