jQuery bewegen Listenelement am Ende der Liste

Ich habe diese Liste, die sortiert werden können, mit der sortierbaren.
Wie kann ich die li-Element mit der Klasse .neutral an das Ende der Liste, wenn die Sortierung fertig ist?

$(".thumbs").sortable({
    stop: function(event, ui) { 
        //move .neutral at the end of this list
    }
});

<ul class="thumbs">
    <li>red</li>
    <li>green</li>
    <li class="neutral">none</li>
    <li>yellow</li>
    <li>blue</li>
<ul>

InformationsquelleAutor FFish | 2010-09-28

  1. 9

    Können Sie die append (verschieben) Sie diese am Ende der Liste mit .appendTo(), wie diese:

    $(".thumbs").sortable({
    stop: function(event, ui) {
      $(this).find('.neutral').appendTo(this);
    }
});

    Sie können es hier versuchen, bekommt dieser alle .neutral Elemente innerhalb und fügt Sie zu this ist die ul.thumbs wir sind derzeit in dieser Arbeit wird für mehrere unabhängige Listen, Miniaturansichten zu.

    hi Nick. Eigentlich bin ich versucht, etwas mit abwerfbaren und sortierbar schon so dass es nicht für mich.. Könnten Sie einen Blick auf jsfiddle.net/Y2ER7 basiert auf jquery.ui.abwerfbaren shopping-cart-Beispiel. (Ich muss einen Weg finden, um die src von die Daumen, wie auch btw)

    InformationsquelleAutor Nick Craver

  2. 3

    Äquivalent wäre die folgende:

    $(".neutral").appendTo(".thumbs");
OR
$(".thumbs").append(".neutral");

    Können Sie verschieben Sie ein element auf einer Seite auswählen und Anhängen oder voranstellen, es anderswo.

    NB: seien Sie vorsichtig mit Umfang - wenn Sie mit den Klassen und das UI angezeigt wird mehrmals auf einer Seite die oben selctors werden müssen, bezieht sich auf die aktuelle Instanz mit der ui übergebenen parameter in der stop-Funktion.

    InformationsquelleAutor roborourke

Schreibe einen Kommentar