JQuery-UI插件编写-架构代码

分类:软件编程
阅读:397
作者:majingjing
发布:2017-02-08 13:24

搜狗截图20170324224445.jpg

之前编写插件都是在jquery集成上编写插件

(function($){
	$.fn.hello = function(opts) {
		$.extend({},opts||{})
	}
})(jQuery)

其实在jquery-ui的基础上理由widget编写插件也是很不错的选择.

$.widget("TMBlog.myplugin", {
    //默认参数
    options: {
    },
    //初始化,控件生命周期内只运行一次
    _init: function () {                
    },
    //创建控件,控件生命周期内会运行多次
    _create: function () {
    },
    //设置参数
    _setOption: function (key, value) {
        // In jQuery UI 1.8及以前用法
        $.Widget.prototype._setOption.apply(this, arguments);
        // In jQuery UI 1.9及以后用法
        this._super(key, value);
    },
    // 释放控件
    destroy: function () {
        // In jQuery UI 1.8及以前用法
        $.Widget.prototype.destroy.call(this);
        // In jQuery UI 1.9及以后<br>
	}
});