JQuery bewegen Listenelement Ende der unsortierten Liste

Bin ich mit einer ungeordneten Liste und ich möchten verschieben Sie das Listenelement mit der Klasse .Preis unten in der Liste.

<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>

Ich habe versucht mit:

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

Aber das funktioniert nicht. Wie es scheint, eine Recht einfache Sache, aber ich kann scheinen, um meinen Kopf um ihn herum. Habe ich einen jsFiddle hier.

Gibt es bereits eine Antwort auf Stack Overflow, aber es funktioniert nicht (meine version basiert auf diese Antwort).

Vielen Dank für Ihre Hilfe

  • korrigieren Sie die folgenden Fehler ersten "Uncaught TypeError: Object [object object] has no method 'sortierbar'"
InformationsquelleAutor David Brooks | 2013-07-12
  1. 11

    Ich nicht eine Idee haben, was wollen Sie erreichen mit sortable .

    Aber hier ist aktualisiert Fiddle

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

    Einfach. !.

    • Dies ist die eine! Danke.
    • froh zu helfen. !
    InformationsquelleAutor Nagesh Salunke
  2. 0

    Möglicherweise werden Sie Verwendung geradlinig code wie folgt

    var parent = $(".itemExtraFieldslist");    
var childToMoveLast = $(".price", parent).remove();
parent.append(childToMoveLast);
    InformationsquelleAutor Ankur Verma
  3. 0

    Sortable ist eine Funktion von jQuery UI, die Ihre JSFiddle nicht enthalten. Aktivieren Sie das Kontrollkästchen mit jQueryUI und es funktioniert: Aktualisiert JSFiddle

    Auch wenn Sie es wollen, zu arbeiten auf Ihrer eigenen website, Sie sollten laden Sie die jQuery UI-Bibliothek.

    InformationsquelleAutor Richard de Wit
  4. 0

    Meinst du Sie wollen Element 5 immer an der Unterseite? Ihre Geige funktioniert, haben Sie vergessen, gehören die jQuery-UI in der Geige.

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

    Aktualisiert JSFiddle

    InformationsquelleAutor c.P.u1
  5. 0

    können Sie auch verwenden: 

    $('li.price').insertAfter($('li').last());
    InformationsquelleAutor Alon Gouldman
Schreibe einen Kommentar