jQuery.sortable. changer l'ordre par JavaScript

Question

Comment modifier l'ordre d'une liste une fois appliqué par JavaScript ? jQuery.sortable .

Par exemple :

<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();

Ensuite, en supposant que cela fonctionne :

x_sortable_list.changeOrder([
 {item:1, newOrder:2 },
 {item:2, newOrder:1 },
 {item:3, newOrder:3 }
]);

Answer 1

Comme d'autres l'ont mentionné, cela n'a rien à voir avec la fonctionnalité sortable(). Vous devez plutôt récupérer les éléments de la liste, modifier leur position, puis effacer et réinsérer les éléments de la liste dans leur nouvel ordre :

// 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);

Answer 2

Comme l'a dit Sparr, il n'y a aucun moyen de les trier en utilisant les données de l'enquête. sortable directement, mais vous pouvez toujours les déplacer manuellement avec quelque chose comme :

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

Answer 3

Le triable fournit une interface utilisateur pour réorganiser les éléments. Pour les réorganiser de manière programmatique, vous devez toujours manipuler les éléments vous-même, manuellement ou avec un autre plugin.