jquery.nestable.jsを使ってネスト（入れ子）のliタグ一覧をドラッグ＆ドロップ可能にします。
あわせて、liタグのdata-id値をjson形式で出力します。

  1. アイテム1
  2. アイテム2
    1. アイテム3
    2. アイテム4
    3. アイテム5
      1. アイテム6
      2. アイテム7
      3. アイテム8
    4. アイテム9
    5. アイテム10
  3. アイテム11
  4. アイテム12


liタグのdata-idの出力結果
上記liタグをドラッグすると以下の出力結果順も変わります。