jQuery.sortierbar. ändern der Reihenfolge von JavaScript

Wie kann ich die Reihenfolge der Liste nach der Anwendung von JavaScript jQuery.sortable.

Beispiel:

HTML:

<ul id="mylist">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

var x_sortable_list = $("mylist").sortable();

Dann, wenn diese arbeiten:

x_sortable_list.changeOrder([
 {item:1, newOrder:2 },
 {item:2, newOrder:1 },
 {item:3, newOrder:3 }
]);
InformationsquelleAutor andres descalzo | 2010-01-14
  1. 11

    Als Sparr hat gesagt, es gibt keinen Weg, um Sie zu Sortieren mit sortable direkt, aber man kann immer noch verschieben Sie Sie manuell mit etwas wie:

    $("#mylist li:eq(1)").insertAfter($("#mylist li:eq(2)"));
    InformationsquelleAutor Alconja
  2. 16

    Wie andere erwähnt haben, das hat nichts zu tun mit der sortable () - Funktionalität. Stattdessen müssen Sie zum abrufen der Elemente in der Liste, verlagern Ihre Positionen und dann löschen und neu einfügen der Liste Elemente wieder in Ihrer neuen Ordnung:

    //Get your list items
var items = $('#mylist').find('li');

//The new index order for each item
var order = [4, 2, 0, 1, 3];

//Map the existing items to their new positions        
var orderedItems = $.map(order, function(value) {
    return items.get(value);
});

//Clear the old list items and insert the newly ordered ones
$('#mylist').empty().html(orderedItems);
    • Funktioniert wie ein Charme! 🙂
    • Funktioniert wirklich gut. Danke.
    InformationsquelleAutor Lance McNearney
  3. 1

    Die sortierbare bietet eine Benutzeroberfläche für die Neuanordnung der Elemente. Um Sie neu anzuordnen programmgesteuert Sie noch brauchen, um zu manipulieren die Elemente selbst, manuell oder mit irgendeinem anderen plugin.

    • ja, das ist meine Frage, wie mache ich das?
    InformationsquelleAutor Sparr
Schreibe einen Kommentar