如何将参数传递给 jQuery 小部件？

Question

这是一个菜鸟问题。

假设我在单击按钮时打开了一个jQuery 对话框。该对话框被实现为jQuery 小部件：

（函数（$）{ $.widget("myApp.myDialog", { _create: fnction() {...} // 创建一个对话框 _init: fnction() {...} // 打开一个对话框 }) }(jQuery));

点击按钮打开这个对话框如下：

$('#myButton').bind('click', function() { $(this).myDialog(); });

到目前为止，一切都很好。我希望这是有道理的。

现在我想在打开对话框时禁用该按钮，并在关闭对话框时启用它。如何将按钮传递给对话框小部件？

Answer 1

由于您要创建dialog，您可能希望将$.ui.dialog 作为$.widget 的第二个参数传入，以便继承对话框的功能。

当您创建myDialog 的实例时，您可以启用/禁用那里的按钮。

(function($) {
    $.widget('myApp.myDialog', $.ui.dialog, {
        
    });
    
    $('.dialog').myDialog({
        open: function() {
            $('#myButton').prop('disabled', true);
        },
        close: function() {
            $('#myButton').prop('disabled', false);
        }            
    });
}(jQuery));

示例 - http://jsfiddle.net/tj_vantoll/v4sYX/