UIのsortableを使ってtable要素を並び替えるの続きです。上のリンクのデモ画面を見ると、並び替えをしようとして行をドラッグすると移動中の行の幅が小さくなってしまっています。UIのsortableを使ってtable要素を並び替えるjquery-uisortableの基本的な使い方はこちらを参照。シンプルに書こうとするとこうなるかと思います。.disableSelection()がdeprecated(非推奨)になってる件jquery-uiメモのつもりがちょっと長くなりました。UIのsortableでconnectWithオプションを指定して他の一覧へ移動するjquery-ui他のsortable要素を指定することでその一覧に、対象の一覧内の要素を移動することができます。UIのsortableをデフォルトで使用すると、要素のどこでもクリックして並び替えを開始できます。特定の要素だけに限定させるオプションがhandleです。UIのsortableでplaceholderオプションを指定すると下図のようにドラッグ先の場所のCSSスタイルを設定することができます。UIのsortableを使ってドラッグアンドドロップで並び替えjquery-uiよく一覧表示させておいてそれを並び替えさせたいときがあります。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。