Jquery ui widget中的_create(),_init(),destroy()
2010-06-29 17:07
232 查看
在上文中简单的介绍了下widget中的几个基本的方法,今天通过查资料算是明白了_create()和_init()方法的区别:
当widget被创建的时候,这两个方法都会被创建,而当页面再次调用widget方法的时候,则只执行_init方法,下面的代码将说明这些
代码$(function(){
// _create() 和 _init() 在第一次调用的时候被执行
$("div").mywidget();
// widget已经实例化到div上了,此时只执行_init()方法
$("div").mywidget();
// 销毁widget
$("div").mywidget("destroy");
// 因为widget已经被销毁,此时_create()和_init()方法都将被执行
$("div").mywidget();
});对于destroy方法,在remove掉作用的元素的时候会被执行!所以在destroy的方法中必须将widget自己加的html结构删除掉。还原成应用widget前的状态!
当widget被创建的时候,这两个方法都会被创建,而当页面再次调用widget方法的时候,则只执行_init方法,下面的代码将说明这些
代码$(function(){
// _create() 和 _init() 在第一次调用的时候被执行
$("div").mywidget();
// widget已经实例化到div上了,此时只执行_init()方法
$("div").mywidget();
// 销毁widget
$("div").mywidget("destroy");
// 因为widget已经被销毁,此时_create()和_init()方法都将被执行
$("div").mywidget();
});对于destroy方法,在remove掉作用的元素的时候会被执行!所以在destroy的方法中必须将widget自己加的html结构删除掉。还原成应用widget前的状态!
相关文章推荐
- Using jQueryUI accordion to create a vertical menu
- cocoscreate 官方例子说明 02_ui_01_widget_WidgetAlign by:adady
- jQuery UI MultiSelect Widget使用实现步骤
- jquery ui autocomplete widget
- jQuery UI widget factory
- jquery ui widget
- jQuery UI API - 工具提示框部件(Tooltip Widget)
- jquery ui widget 源码分析
- jQuery插件 -- UI插件Tabs Widget 1.10
- jquery ui widget 源代码分析
- jQuery UI API - 可拖拽小部件(Draggable Widget)(转)
- jquery.ui.widget
- jQuery UI Widget 原理
- jQuery UI API - 工具提示框部件(Tooltip Widget)
- jQueryUI Plugin TableSorter的2个widget扩展
- jQueryUI Plugin TableSorter的2个widget扩展
- jquery.ui.widget详解
- jquery-ui-widget
- jQuery ui widget tutorial
- jQuery UI MultiSelect Widget的使用