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

Question

I created a widget using JQuery factory. It has an option. The option can be changed after creation of the widget.

How can I handle option change? Is there any events or methods for this?

I want something like this:

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

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

    initWidget: function() {
      //do initialization
    }

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

}

Answer 1

The solution I found is to override methods _setOption and _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();
    }    
}