表の行をドラッグできるようにする | JavaScript | みどりのウェブ開発日記

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

カテゴリ: JavaScript, jQuery

記事投稿日: 2013年3月23日



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

<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を振ります。

<tbody id='sortable'>

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

$(document).ready(function() {

    $("#sortable").sortable();
    $("#sortable").disableSelection();

});

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








コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA




トップに戻る