如何覆盖JQUERY-UI对话框

Question

我找到了这个链接：https://github.com/handsontable/handsontable/issues/1480

(function($) {
    $.widget("ui.dialog", $.ui.dialog, {
        console.log("override");
        _allowInteraction: function(event) {
            if(this._super(event)) {
                return true;
            }
            return $(event.target).hasClass('copyPaste');
        },
    });
})(jQuery);

我尝试将该块代码放在我的$(document).ready()中，然后我将它放在jquery.min.js和jquery-ui.js之后的单独的js文件中。 这是片段：

$(document).ready(function () {
    /**
     * overriding jqueryui dialog
     */
    (function($) {
        $.widget("ui.dialog", $.ui.dialog, {
            _allowInteraction: function(event) {
                console.log("override");
                if(this._super(event)) {
                    return true;
                }
                return $(event.target).hasClass('copyPaste');
            },
        });
    })(jQuery);
});

但是，在我刷新浏览器并尝试打开jquery对话框后，浏览器控制台没有记录“覆盖”字符串。 所以我猜我的覆盖代码表现不佳（或根本没有） 那么如何使用该代码覆盖我的jquery-ui对话框，以便我的jquery-ui对话框会受到该代码的影响？