jQueryリストドラッグarrangement_jqueryの具体的な実装

实现这个很简单

第一、导入JS、jquery.dragsort.js、jquery.dragsort-0.4.min.js、jquery-1.4.2.min.js

2 番目、代符号

代打 代符号次のように:

< ;h2>二組列表拖放:

• 10


• 11


• 12


• 13


• 14


• 15


• 16


• 17


• 18






• 1


• 2


• 3


• 4


• 5


• 6


• 7


• 8


• 9

三、样式

复制代代码如下:

4、説明

dragSelector

CSS セレクター内の要素のリスト項目のドラッグ ハンドル。デフォルト値は「li」です。

dragSelectorExclude
CSS セレクター要素内のドラッグセレクターはドラッグソートをトリガーしません。デフォルト値は「input、textarea、a[href]」です。
dragEnd
ドラッグ終了後に呼び出されるコールバック関数
dragBetween
選択したリストの複数のリスト セット間でのドラッグを有効にする場合は、「true」に設定します。 デフォルト値は false です。
placeHolderTemplate
リストの HTML 部分をドラッグします。デフォルト値は「

」です。
scrollContainer
自動に設定されたオーバーフロー div など、スクロール コンテナーとして機能する CSS セレクター要素。 デフォルト値は「window」です。
scrollSpeed
ページ上で項目をドラッグするときの速度を表す数値です。値が大きいほど、速度が速くなります。値が低いほど遅くなります。 「0」に設定するとスクロールが無効になります。デフォルト値は「5」です。