使用法
$("ul").dragsort({ ドラッグセレクター: "li", ドラッグエンド: function() { }, ドラッグビトウィーン: false, placeHolderTemplate: "
< ;/li>" });
- dragSelector
- CSS セレクター内のリスト項目のドラッグ ハンドル。デフォルト値は "li" です。
- dragSelectorExclude
CSS セレクター要素内のドラッグセレクターはドラッグソートをトリガーしません。デフォルト値は "input, textarea, a[href]"
- dragEnd
- ドラッグ後に呼び出されるコールバック関数。 dd>
- dragBetween
- 複数のリストのセットを有効にする場合は、「true」に設定します。 デフォルト値は
<です。 ;dt>placeHolderTemplate デフォルト値は「」です。
- scrollContainer
CSS セレクターのスクロール コンテナーとして、たとえばオーバーフロー div が自動に設定されます。 デフォルト値は「Window」です。
- scrollSpeed
- ページがアイテムをドラッグするときの速度を表します。また、値が大きいほど速く、値が小さいほど遅くなります。 「0」に設定するとスクロールが無効になります。デフォルト値は「5」です。
;
コード 2 プレビュー:
<script> <br>$( ".sortable" ).sortable({ Cursor: "move", <br>items: "li", //li のみドラッグ可能 <br>opacity: 0.6, //ドラッグ時の透明度は 0.6 <br>revert: true, //放す時、アニメーションを追加 <br>update : function(event, ui){ //更新後 sort<br>alert($(this).sortable("toArray")) <br>} <br>}); }) ; <br></script>