jquery - 如何扩展 JQuery UI 插件

Question

现有的对话框插件没有在单击模态覆盖时关闭对话框的选项，如何添加选项以提供该功能？

Answer 1

(function($){
   var _init = $.ui.dialog.prototype._init;
   $.ui.dialog.prototype._init = function(){
        var self = this;
        _init.apply(this,arguments);
        $('.ui-widget-overlay').live('click', function(){
            if (self.options['overlay_close']){
                self.destroy();
            }
        });
    }
})($);

Answer 2

如果自己提供的答案有效，那就更好了。

在对话框外单击时我没有得到任何响应。这是我用于测试的jsFiddle。

也许我做错了什么，但它似乎没有发挥它想要的功能。

@JamesLin 提供了关键见解。我需要在初始化中添加新选项：

$("#myDialog").dialog({
    overlay_close:true,
    modal: true
});

jsFiddle 也更新了。