日別アーカイブ: 2011年6月1日

jQuery UI の Sortable プラグインの items オプションを使うと、ドラッグ＆ドロップで並べ替える対象となる要素を指定できる。デフォルトでは、リストタグの li 要素が、並べ替える対象だが、items オプションを使うことで、任意の要素に変更できる。クラス名で指定すると、タグを入れ子にしても大丈夫。 続きを読む →

jQuery UI の Sortable プラグインを使い、格子（グリッド）状に並べたリストを、ドラッグ＆ドロップで並べ替えられるようにする方法。 続きを読む →

jQuery UI の Sortable プラグインの handle オプションを使うと、ドラッグ＆ドロップで並べ替えるときの、ドラッグできる部分を指定できる。項目のボックスを並べ替えたいが、ドラッグできるのはボックス内の一部だけにしたい…そんなときに、役立つオプションだ。 続きを読む →

jQuery UI の Sortable プラグインの connectWith オプションを使うと、複数のリストの境界を越え、ドラッグ＆ドロップで並べ替えることができる。いづれかのリスト内の項目を、他のリストへすべて移動しても、CSSで一行ほどのスペースを残せば、そこへドロップすることができる。 続きを読む →