3

順序付けられていないリストを使用しており、.price クラスのリスト項目をリストの一番下に移動したいと考えています。

<ul class="itemExtraFieldslist">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li class="price">Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
</ul>

私は使用してみました：

$('ul.itemExtraFieldslist').sortable({
    stop: function (event, ui) {
        $(this).find('li.price').appendTo(this);
    }
});

しかし、これはうまくいきません。それは非常に単純なことのように思えますが、私はそれを理解しているようです. ここに jsFiddleを作成しました。

Stack Overflow には既に回答がありますが、機能しません (私のバージョンはその回答に基づいています)。

ご協力いただきありがとうございます

4

5 に答える 5

12

で何を達成しようとしているのか、私にはわかりませんsortable 。
しかし、ここに更新された フィドルがあります

$('ul.itemExtraFieldslist').find('li.price').appendTo('ul.itemExtraFieldslist');

単純。!.

于 2013-07-12T10:18:17.440 に答える
0

アイテム 5を常に一番下に置きたいということですか? あなたのフィドルは機能しますが、jQuery UI をフィドルに含めるのを忘れていました。

jQuery('ul.itemExtraFieldslist').sortable({
    stop: function(event, ui) {
      $(this).append($('li.price'));
    }
});

更新された JSFiddle

于 2013-07-12T10:17:57.413 に答える
0

このような単純なコードを使用している可能性があります

var parent = $(".itemExtraFieldslist");    
var childToMoveLast = $(".price", parent).remove();
parent.append(childToMoveLast);
于 2013-07-12T10:19:10.700 に答える