Ajaxを使った今どきのWebアプリケーションでは、グーグルの「iGoogle」のように、ドラッグ&ドロップによる直観的な操作でページ内の要素を自由に並べ替えられるユーザーインターフェースをよく見かけます。最近ではWebアプリケーションだけでなく、ポータルサイトやメディアサイトのナビゲーションメニューにも採用されるケースが目立ってきました。 今回は、jQueryの「Sortable」を使って、ドラッグ&ドロップで要素を並べ替えられるようにする方法を紹介しましょう。Sortableを使えば、ごく簡単な方法で既存のWebページにドラッグ&ドロップUIを実装できます。 Sortableをダウンロードしよう 「Sortable」は、リスト(ul/li)などの個々の要素をドラッグ&ドロップ操作でユーザーが並べ替えられるようにするライブラリです。以前紹介した(関連記事)jQueryのUIライブラリ集「
![jQuery UIでiGoogleふうメニューを作ろう! (1/3)](https://cdn-ak-scissors.b.st-hatena.com/image/square/586c98dd070f1e32965ea6c17624a331649a4305/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F06%2F10%2F1570744%2Fl%2F01e06ffe43d68904.jpg)