javascript - jQuery UI 事件功能扩展

Question

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

我找到了一种方法来执行此操作(例如: How to extend a jquery ui widget ? (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/ .