jQuery UIのSortableについて

Question

すみません、どういう表現をしたらいいのか分からずタイトルがあやふやになってしまいました。

jQuery UIのsortableを使って要素の並べ替えを行っているのですが、
[1][2]
[3][4]
↑要素がこういう並びになっている時に2を4のところへ持って行くと2の位置に3が入りますが、
3を動かさずに4を2の位置に持っていくことは可能でしょうか？

HTMLは単純に以下の通りです。

<ul class="sortable-list">
  <li class="sortable">要素1</li>
  <li class="sortable">要素2</li>
  <li class="sortable">要素3</li>
  <li class="sortable">要素4</li>
</ul>

ご教示よろしくお願い致します。

Answer 1

無理やりですが自己解決いたしました。

// 変数宣言
var sort_before = "";
var sort_after = "";

$("ul.sortable-list").sortable({
  start:function(event, ui){

    // 操作しやすいようにプレースホルダを最後に移動
    $("ul.sortable-list").append(ui.helper);
  
    // 移動する要素のindexを取得
    sort_before = $(".sortable").index($(ui.placeholder));
  },
  change:function(event, ui){

    // 移動先のindexを取得
    sort_after = $(".sortable").index($(ui.placeholder));

    // 隣り合った要素の移動でなければ要素の置換を行う
    if(Math.abs(sort_before - sort_after) == 2){

      // sort_beforeとsort_afterの値の大きい方を基準値にする
      sortable = (sort_before>sort_after)?sort_before:sort_after-1;

      // nth-childとeqで隣り合った要素を並び替える
      var order = "nth-child("+ sortable +")";
      $(".sortable").eq(sortable).after($(".sortable:" + order));

    }
  }
});

なにかおかしい所がありましたらご指導いただけるとありがたいです。