javascript - 如何处理自定义 JQuery 小部件中的选项更改？

Question

我使用 JQuery 工厂创建了一个小部件。它有一个选项。创建小部件后可以更改该选项。

如何处理选项更改？有什么事件或方法吗？

我想要这样的东西：

$.widget("myWidget", {
    options: {
        myOption: 'defaultValue'
    },

    _create: function() {
       this.initWidget(); 
    }

    initWidget: function() {
      //do initialization
    }

    _onOptionChange: function() {
       this.initWidget(); 
    }

}

Answer 1

我找到的解决方案是覆盖方法 _setOption 和 _setOptions。

_setOptions: function( options ) {
    var key;
    for ( key in options ) {
    this._setOption( key, options[ key ] );
    }
    return this;
},

_setOption: function( key, value ) {
    if (key === "myOption") {
        this.initWidget();
    }    
}