Jquery Sortable, supprimer l'Élément courant en faites glisser

Mon Problème:
La sortable événement: se déclenche lorsque je fais glisser quelque chose dans la liste ou quand je trier la liste.
Mais je ne veux démarrer la fonction lorsque je fais glisser un objet.

Mon code

        $(document).ready(function ust()
        {    
            $('#div1').sortable({
                out: function(event, ui) { $('#nfo').append('OUT<br />'); }
            });

        });

Exemple de travail
http://jsfiddle.net/FrbW8/22/

  • Hmm, est-ce un Bug Jquery? Coz ... Hors -> Cet événement est déclenché lorsqu'un sortable élément est déplacé à l'écart à partir d'une liste des connectés. Démarrer -> Cet événement est déclenché lorsque le tri commence. Stop -> Cet événement est déclenché lorsque le tri s'est arrêté.
  • Blair - C'est à peu près le plus stupide excuse je l'ai vu jusqu'à présent sur DONC.
InformationsquelleAutor Peter | 2010-07-31
  1. 4

    C'est le comportement par défaut de la fonction de rappel. Voir cette jquery ui trac billet

    Je n'ai vraiment pas d'accord avec la "logique" comportement notion.

    "Toutefois, notez que la "sortie" de rappel
    va encore être déclenchée si vous faites glisser
    dans une liste, puis relâchez la souris
    (mais pas si vous n'êtes pas sur la liste).
    Ce qui est logique comportement et qui se passe
    normal sortables ainsi."

    • est-il possible d'arrêter le feu? Par exemple, j'ajoute sortstart et sortstop. -> Si sortart: -> abbort out: ... si sortstop: -> abbort out:
    • Qui va être gênant je pense. Vous pouvez essayer de besoin pour obtenir vos mains dans le cambouis et modifier l'interface utilisateur de jquery src pour arrêter cette " out " de comportement.
    • Hey redsquare, mais lorsque je change la src, je dois le changer après chaque mise à jour de l'interface utilisateur. 🙁 À droite?
    • oui, c'est le revers de la médaille - à moins que vous soumettez un ticket avec le changement si vous croyez que c'est mal et l'inclure dans la prochaine version
    • Et il n'y a pas d'autre moyen? Pour exemple: détruire sortable -> faire déplaçables? ... Jquery est un peu nouveau de 4 moi, donc je ne sais que chaque approche possible. 🙁
    InformationsquelleAutor redsquare
  2. 35

    Utilisation beforeStop pour intercepter l'objet et l'enlever:

    receive: function(e, ui) { sortableIn = 1; },
over: function(e, ui) { sortableIn = 1; },
out: function(e, ui) { sortableIn = 0; },
beforeStop: function(e, ui) {
   if (sortableIn == 0) { 
      ui.item.remove(); 
   } 
}

    (Je l'ai d'abord trouvé dans Google, mais ne trouve plus le lien. Alors, je m'excuse pour pas référence à la source.)

    • Voici le lien: forum.jquery.com/topic/drag-item-out-of-a-sortable
    • Il ressemble à ceci empêche normal de tri des éléments. Si je l'utiliser et la faire glisser les éléments à trier, même si elle ne se déplace hors de contrôle, si supprime l'élément.
    InformationsquelleAutor Michael Finger
  3. 3

    Les autres solutions ne semble pas fonctionner avec la connexion listes triables je suis donc de poster mon propre solution qui fonctionne parfaitement pour mon cas. Cela rend l'utilisation de la "droppable" plugin capture de la "chute" de l'événement lorsque les éléments sont déposés à l'extérieur des listes triables.

    $('#div1').sortable({
    ....
}).droppable({greedy: true})

$('body').droppable({
    drop: function ( event, ui ) {          
        ui.draggable.remove();
    }
});

    Ici est un jsfiddle de cette approche dans l'action: http://jsfiddle.net/n3pjL/

    • C'est une approche que j'ai essayé aujourd'hui en vain, car je n'ai pas trouver la greedy option. Merci pour l'astuce!
    InformationsquelleAutor guilleva
  4. 1

    - Je utiliser this.element.find('.ui-sortable-helper').length de faire la différence entre "trier événement" et "abandon de l'événement". Lorsque vous effectuez le tri, triés élément a de la classe ui-triables-helper. Après la chute il n'y a pas d'autre de l'interface utilisateur-triables de classe jusqu'à ce que vous commencez à trier à nouveau (au moins dans mon script). L'espoir d'aider quelqu'un.

    InformationsquelleAutor Newman