タグ

ドラッグ&ドロップに関するyifeのブックマーク (1)

  • jQuery UI の Sortable を使いドラッグ&ドロップで並べ替え

    jQuery UI の Sortable プラグインを使い、ドラッグ&ドロップで並べ替えを行えるようにする方法。 実装例(サンプル) 項目 1 項目 2 項目 3 項目 4 項目 5 項目 6 項目 7 実装例の動作について 「項目 1」をドラッグして、下へ動かし、「項目 2」の上に持ってくると、「項目 2」が上へ移動し、「項目 2」と「項目 3」の間にスペースができる。そのスペースへドロップすると、「項目 1」と「項目 2」が入れ替わり、「項目 2」「項目 1」「項目 3」…の順番になる。 同様に、「項目 1」から「項目 7」の項目全て、ドラッグ&ドロップによる並べ替えが行える。 実装例のソースコード 読み込み 読み込み方は、2種類ある。パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/bas

  • 1