11

HTML:

<ul id="categories_list" class="ui-sortable">
<li class="cat_row" style=""> item1 </li>
<li class="cat_row" style=""> item2 </li>
<li class="cat_row"> item3 </li>
</ul>

Javascript:

$("#categories_list").sortable({
placeholder: 'sortable_placeholder',
update : function () {
    var order = $("#categories_list").sortable('serialize');
    console.log(order);
} 
});

order が「空の文字列」を返すのはなぜですか?

4

2 に答える 2

19

li の id 属性は次のようにする必要があります。

<ul id="categories_list" class="ui-sortable">
<li class="catRow_1" style=""> item1 </li>
<li class="catRow_2" style=""> item2 </li>
<li class="catRow_3"> item3 </li>
</ul>

hereに従って、注文番号をアンダースコアで区切る必要があります。

于 2012-04-07T12:41:14.513 に答える
8

ソート可能なアイテム IDをフォーム/ajax 送信可能な文字列にシリアル化します。このメソッドを呼び出すと、任意の URL に追加できるハッシュが生成され、新しいアイテムの注文をサーバーに簡単に送信できます。

LI タグの ID を指定する必要があります。

http://jsfiddle.net/m47mq/を参照してください

于 2012-04-07T12:44:28.417 に答える