如何将参数传递到jQuery小部件

Question

这是一个noob问题。

假设单击一个按钮打开一个jQuery对话框。对话框实现为jQuery小部件：

（函数（$）{$.widget（"myApp.myDialog"{_create:faction（）｛…｝//创建一个对话框_init:faction（）｛…｝//打开一个对话框})}（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/