start
當排序動作開始時觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortstart', function(event, ui) );
sort
當元素發生排序時觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sort', function(event, ui) );
change
當元素發生排序且座標已發生改變時觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortchange', function(event, ui) );
beforestop
當排序動作結束之前觸發此事件。此時佔位符元素和輔助元素仍有效。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortbeforestop', function(event, ui) );
stop
當排序動作結束時觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortstop', function(event, ui) );
update
當排序動作結束時且元素座標已經發生改變時觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortupdate', function(event, ui) );
receive
當乙個已連線的sortable物件接收到另乙個sortable物件的元素後觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortreceive', function(event, ui) );
over
當乙個元素拖拽移入另乙個sortable物件後觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortover', function(event, ui) );
out
當乙個元素拖拽移出sortable物件移出並進入另乙個sortable物件後觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortout', function(event, ui) );
activate
當乙個有使用連線的sortable物件開始排序動作時，所有允許的sortable觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortactivate', function(event, ui) );
deactivate
當乙個有使用連線的sortable物件結束排序動作時，所有允許的sortable觸發此事件。
定義：$('.selector').sortable( });
繫結：$('.selector').bind('sortdeactivate', function(event, ui) );
·方法
destory
從元素中移除拖拽功能。
用法：.sortable( 'destroy' )
disable
禁用元素的拖拽功能。
用法：.sortable( 'disable' )
enable
啟用元素的拖拽功能。
用法：.sortable( 'enable' )
option
獲取或設定元素的引數。
用法：.sortable( 'option' , optionname , [value] )
serialize
獲取或設定序列化後的每個item元素的id屬性。
用法：.sortable( 'serialize' , [options] )
toarray
獲取序列化後的每個item元素的id屬性的陣列。
用法：.sortable( 'toarray' ）
refresh
手動重新重新整理當前sortable物件的item元素的排序。
用法：.sortable( 'refresh' )
refreshpositions
手動重新重新整理當前sortable物件的item元素的座標，此方法可能會降低效能。
用法：.sortable( 'refreshpositions' )
cancel
取消當前sortable物件中item元素的排序改變。
用法：.sortable( 'cancel' )
排序後儲存有兩種方法，一是cookie，二是資料庫配置檔案等。
這個是cookie 的例子 大家可以參考
下面是資料庫的部分** 原作：
$(function() );
listcenter.children(".portlet").each(function() );
listright.children(".portlet").each(function() );
var newleftid = new_order_left.join(',');
var newcenterid = new_order_center.join(',');
var newrightid = new_order_right.join(',');
$.ajax(, //id:新的排列對應的id,order：原排列順序
// beforesend: function() ,
success: function(msg)
});
}
});
高階拖拽（帶框拖拽）
右邊判斷div的left 瀏覽器的可視區clientwidth div的寬度,表示物體被拖出右邊 else if l document.documentelement.clientwidth div1.offsetwidth else if t document.documentelement.cl...
設定拖拽事件，獲取拖拽內容
設定dragenter 設定dragdrop using system using system.collections.generic using system.componentmodel using system.data using system.drawing using system.l...
jquery 拖拽動態新增div 儲存拖拽後的效果
拖拽已經折磨我好幾天 雖然頭已經把拖拽鬧完了 可是從他手裡接到活的時候 是寫死的 而且不能儲存值 經過前面幾天的思索 發現走錯了路 頭突然的一句話點醒了我 最後確定的思路是 先說下設計的資料庫吧 url 鏈結 通過來鏈結吧內容顯示到div中 xuhao 序號 這個值是變化的根據他的順序來在頁面顯示拖...