如何扩展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也会更新。