jquery mobile 如何自定义widget

 

(function($){

  $.widget("mobile.mywidget", $.mobile.widget, {

    /** 自定义的widget的一些属性*/

    options: {

    

    },

    /** 模版创建方法 - widget初始化的时候会被jqm自动调用. */

    _create: function() {

      var widgetElement = this.element;

      var opts = $.extend(this.options, widgetElement.data("options"));

      $(document).trigger("mywidgetcreate");

      //TODO:

    },

    /** 自定义的一些方法 */

    _update: function() {

      var widgetElement = this.element;

      var opts = $.extend(this.options, widgetElement.data("options"));

      $(document).trigger("mywidgetupdate");

      //TODO:  

    },

   

    /**自定义方法*/

    refresh: function() {

      return this._update();

    }

  });

 

  /*所有的控件都会在pagecreate或create的时候自动初始化 */

  $(document).bind("pagecreate", function(e) {

    $(document).trigger("mywidgetbeforecreate");

    return $(":jqmData(role='mywidget')", e.target).mywidget();

  });

})(jQuery);