1

Jquery UI Sortable を使用して並べ替え可能な画像ギャラリーを作成したいと考えています。ここまでは、問題なく動作します。

各タグ内に、ギャラリー内の各画像の順序を保存する必要があります。ただし、この順序は、画像が移動されたときに更新する必要があります。

例: 5 つの画像があります。

<ul id="sortable">
  <li id="1" value="1">image 1</li>
  <li id="2" value="2">image 2</li>
  <li id="3" value="3">image 3</li>
  <li id="4" value="4">image 4</li>
  <li id="5" value="5">image 5</li>
</ul>

画像 5 の後に画像 4 を移動すると、順序値は変更されません。つまり、画像 5 の値は 4 で、画像 4 の値は 5 です。

これは可能ですか？

4

1 に答える 1

0

stop並べ替えがちょうど終了したときに、イベントの値を更新できます。このようなもの ：

$("#sortable").sortable({
    stop: function(event, ui) {
        $(this).children("li").each(function(index) {
            $(this).attr("value", index);
        });
    }
});

このように、リロード後もこの表示を維持したい場合は、新しい値をサーバーに保存できます。

EDIT： marcelo2605のおかげでインデックスを設定する方法を修正

于 2013-01-23T17:14:41.400 に答える