JavaScript jQuery

表の行をドラッグできるようにする

2013.03.23

シンプルにいきます。
CDNを使って、jQuery本体とjQueryUIを読み込みます。

1 2	`<script` `src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>` `<script` `src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>`

テーブルの要素にIDを振ります。

1	`<tbody` `id='sortable'>`

jQueryで以下の記述をしたらOKです。

$(document).ready(function() {
 
    $("#sortable").sortable();
    $("#sortable").disableSelection();
 
});

簡単にできますね。
次は、並び替えたらその状態を保存する方法です。

Windowsで.htaccessファイルが作れない時の対処法

要素をランダムで取得する方法と、undefined　の対応

コメント