Garder une trace de la position de tous les éléments dans un jQuery sortable

Je suis à essayer de comprendre comment je peux suivre la manière dont les éléments jQuery sortable.
Disons que j'ai quatre éléments (divs) dans mon sortable, ont chacun un identifiant unique. Appelons - #100, #200, #300 #400 et elles sont présentées dans l'ordre de départ. Mais lorsque je déplace #100 pour disons spot numéro 3, j'ai besoin d'être en mesure d'enregistrer la nouvelle position pour cet id, mais aussi faire en sorte que les autres à obtenir des mises à jour des valeurs de position aswell.

Ai-je fait du sens? Fondamentalement, je veux obtenir la position de chaque identifiant unique, afin que je puisse enregistrer l'ordre de la liste pour une utilisation ultérieure.

Je n'ai pas été en mesure de trouver quelque chose que les rapports pour tous les éléments dans un sortable, juste pour celui qui a été déplacé..

Me pointer dans la bonne direction?
Grâce

OriginalL'auteur INT | 2011-07-17

  1. 28

    Vous pouvez utiliser le stop-événement qui vous est fourni dans sortable pour garder une trace des éléments. C'est un petit exemple; 

    (function($) {
    $('#sortable').sortable({
        stop: function(e, ui) {
            console.log($.map($(this).find('li'), function(el) {
                return el.id + ' = ' + $(el).index();
            }));
        }
    });
})(jQuery);

    Il enregistre un tableau de tous les éléments de la triable avec leur identifiant et de leur index.

    Voici un exemple de travail sur jsfiddle: http://jsfiddle.net/beyondsanity/HgDZ9/

    Pas de problème! Petite amélioration a été édité, à l'aide de "cela" au lieu de "el", et en utilisant ce.id au lieu de $(el).attr('id'), que celui-ci n'est pas nécessaire puisque nous ne faisons pas tout le chaînage. Le violon reste le même que l'ancien exemple de sorte que vous pouvez comparer les deux 🙂
    Essayé votre code mis à jour, mais cela ne fonctionne pas. Des idées? jsfiddle.net/LxMhF/2
    Il semble que j'ai foiré un peu, nous avons besoin d' "el", "présente" à l'intérieur de $.la carte est la "fenêtre" de l'objet, pas l'élément courant. "ce" est l'élément courant $.fn.la carte ($(selector).carte(fn)) tho, juste pour que ce soit clair.

    OriginalL'auteur Jesper Haug Karsrud

  2. 3

    Selon les docs http://api.jqueryui.com/sortable/#method-toArray je vous suggère d'utiliser la méthode intégrée toArray.
    Exemple:

      $(document).ready(function() {
    $('#sortable').sortable({
      stop: function(e, ui) {
        console.log($('#sortable').sortable('toArray'));
      }
    });
    $('#sortable').disableSelection();
  });
    c'est ce dont j'ai besoin, merci.
    Ce commentaire doit être la réponse à tous de tri et de la position des questions. J'ai essayé toutes les autres possibilités et je n'ai jamais eu l'ensemble de l'image que déplacé et quelles ont été les positions précédentes. Il suffit de les placer dans de démarrage et de mise à jour et ajout de deux événements de souris (haut/bas) pour obtenir l'élément sélectionné et afficher le résultat total

    OriginalL'auteur jmarceli

  3. 0

    Double Possible de jQuery UI Sortable Position.

    Fondamentalement, pour obtenir la position d'un élément dans un sortable (ou juste un simple vieux parent elemen), juste quelque chose comme

    $('#300').index();

    Ce code renvoie 2 si rien n'a été déplacé (index() commence à compter à zéro), et des mises à jour lorsque les éléments sont réorganisés.

    Voici une démo: http://jsfiddle.net/XB5Dh/. Vous pouvez cliquer sur un élément pour voir sa position, et la nouvelle position est indiquée lorsque vous faites glisser un élément.

    OriginalL'auteur varchar255