JQuery UI - sortable——2

2010-05-17 9:47

1. 事件  
2.   
3. start  
4.   当排序动作开始时触发此事件。  
5.   定义：$('.selector').sortable({ start: function(event, ui) { ... } });  
6.   绑定：$('.selector').bind('sortstart', function(event, ui) { ... });  
7.   
8. sort  
9.   当元素发生排序时触发此事件。  
10.   定义：$('.selector').sortable({ sort: function(event, ui) { ... } });  
11.   绑定：$('.selector').bind('sort', function(event, ui) { ... });  
12.   
13. change  
14.   当元素发生排序且坐标已发生改变时触发此事件。  
15.   定义：$('.selector').sortable({ change: function(event, ui) { ... } });  
16.   绑定：$('.selector').bind('sortchange', function(event, ui) { ... });  
17.   
18. beforeStop  
19.   当排序动作结束之前触发此事件。此时占位符元素和辅助元素仍有效。  
20.   定义：$('.selector').sortable({ beforeStop: function(event, ui) { ... } });  
21.   绑定：$('.selector').bind('sortbeforeStop', function(event, ui) { ... });  
22.   
23. stop  
24.   当排序动作结束时触发此事件。  
25.   定义：$('.selector').sortable({ stop: function(event, ui) { ... } });  
26.   绑定：$('.selector').bind('sortstop', function(event, ui) { ... });  
27.   
28. update  
29.   当排序动作结束时且元素坐标已经发生改变时触发此事件。  
30.   定义：$('.selector').sortable({ update: function(event, ui) { ... } });  
31.   绑定：$('.selector').bind('sortupdate', function(event, ui) { ... });  
32.   
33. receive  
34.   当一个已连接的sortable对象接收到另一个sortable对象的元素后触发此事件。  
35.   定义：$('.selector').sortable({ receive: function(event, ui) { ... } });  
36.   绑定：$('.selector').bind('sortreceive', function(event, ui) { ... });  
37.   
38. over  
39.   当一个元素拖拽移入另一个sortable对象后触发此事件。  
40.   定义：$('.selector').sortable({ over: function(event, ui) { ... } });  
41.   绑定：$('.selector').bind('sortover', function(event, ui) { ... });  
43. out  
44.   当一个元素拖拽移出sortable对象移出并进入另一个sortable对象后触发此事件。  
45.   定义：$('.selector').sortable({ out: function(event, ui) { ... } });  
46.   绑定：$('.selector').bind('sortout', function(event, ui) { ... });  
47.   
48. activate  
49.   当一个有使用连接的sortable对象开始排序动作时，所有允许的sortable触发此事件。  
50.   定义：$('.selector').sortable({ activate: function(event, ui) { ... } });  
51.   绑定：$('.selector').bind('sortactivate', function(event, ui) { ... });  
52.   
53. deactivate  
54.   当一个有使用连接的sortable对象结束排序动作时，所有允许的sortable触发此事件。  
55.   定义：$('.selector').sortable({ deactivate: function(event, ui) { ... } });  
56.   绑定：$('.selector').bind('sortdeactivate', function(event, ui) { ... });  
57.   
58.   
59. ·方法  
60. destory  
61.   从元素中移除拖拽功能。  
62.   用法：.sortable( 'destroy' )  
63.   
64. disable  
65.   禁用元素的拖拽功能。  
66.   用法：.sortable( 'disable' )  
67.   
68. enable  
69.   启用元素的拖拽功能。  
70.   用法：.sortable( 'enable' )  
71.   
72. option  
73.   获取或设置元素的参数。  
74.   用法：.sortable( 'option' , optionName , [value] )  
75.   
76. serialize  
77.   获取或设置序列化后的每个item元素的id属性。  
78.   用法：.sortable( 'serialize' , [options] )  
79.   
80. toArray  
81.   获取序列化后的每个item元素的id属性的数组。  
82.   用法：.sortable( 'toArray' ）  
83.   
84. refresh  
85.   手动重新刷新当前sortable对象的item元素的排序。  
86.   用法：.sortable( 'refresh' )  
87.   
88. refreshPositions  
89.   手动重新刷新当前sortable对象的item元素的坐标，此方法可能会降低性能。  
90.   用法：.sortable( 'refreshPositions' )  
91.   
92. cancel  
93.   取消当前sortable对象中item元素的排序改变。  
94.   用法：.sortable( 'cancel' )