軽量レベルのjQueryドラッグ・ソート・プラグイン-HTML 5 Sortable

日付:2012-7-26出所:GBin 1.com
オンラインデモローカルダウンロード
ドラッグ＆ドロップ関連のプラグインといえば、jQuery UIが思い浮かぶに違いありません.このUIクラスライブラリには、必要なほとんどのコンポーネントが含まれていますが、jQuery UIのいずれかのコンポーネントだけを使用したい場合は、例えば、ドラッグ&ドロップコンポーネントを使用すると、このような大きなクラスライブラリを呼び出すと鶏を殺すために牛刀を使うような感じがします.今日は軽量レベルのjQuery drag and dropプラグイン-HTML 5 Sortableを紹介します.ドラッグ可能なリストとグリッド要素を作成するのに役立ちます.好きになってください.
しゅとくせい

非常に小さい(圧縮版1 kb)

HTML 5を使用したローカルドラッグ＆ドロップAPI

は、リストおよびグリッドスタイルレイアウト

をサポートする.

jQuery UIに非常に類似したソートプラグイン

はIE 5.5+、Firefox 3をサポートする.5+,Chrome 3+,Safari 3+,Opera 12+

APIはjQuery UIと互換性があり、jQuery UIをpolyfillとして使用して古いバージョンのブラウザ

をサポートすることができます.
使用方法
非常に簡単に使用できます.

Item 1

Item 2

Item 3

Item 4

$('.gbsortable').sortable();
主なパラメータと方法
パラメータ:

items:ソートする要素

を指定します.

connectWith:関連リスト

を作成
方法:

sortupdate:順序変更後の呼び出し方法、例えば、順序変更後に新しいソート

を保存する.

disable:一時停止ソート機能

enable:ソート機能を開く

destroy:破棄ソート機能

ソース:軽量レベルのjQueryドラッグ・ソート・プラグイン-HTML 5 Sortable