sortable()で変更した並び順を取得するサンプル

このエントリーをはてなブックマークに追加

手軽にドラック&ドロップで並び替えが実装できるJqueryUIのsortable()

並び替え後をトリガーにしてイベントを実行するプロパティはupdateかstop

並び替え後の順番を取得するにはtoArrayを使います

toArrayは並び替えられた要素のidが配列となって返ってきますので、そのままDBへの保存などに使えますね

html
<ul id="datas">
  <li id="1">1</li>
  <li id="2">2</li>
  <li id="3">3</li>
  <li id="4">4</li>
  <li id="5">5</li>
  <li id="6">6</li>
</ul>
<p id="log"></p>

js
$('#datas').sortable({
  update: function(){
      var log = $(this).sortable("toArray");
      $("#log").text(log);
  }
});

See the Pen sortable() toArray sample by yochans (@yochans) on CodePen.

0 件のコメント :