jQuery UI déplaçable - supprimer clone si la chute s'est produite

Je vais essayer d'obtenir quelque chose de ce genre de travail, mais ne peut pas trouver la bonne manière d'utiliser l'événement d'arrêt pour cela.

J'en ai deux colonnes où vous pouvez faire glisser de la droite vers la gauche. J'ai le revert de la fonction fonctionne correctement si la chute n'était pas valide mais je veux supprimer l'élément dans la colonne de droite si la chute s'est produite sur la colonne de gauche. Je sais que le conditionnel n'est pas correct, mais je ne suis pas sûr de ce drapeau à considérer pour déterminer si la baisse a été valide.

$("#sortable2 li").draggable({
        connectToSortable: "#sortable1",
        helper: "clone",
        revert: "invalid",
        stop: function (event, ui) {
            if (drop == "valid") 
            { 
               $(this).remove(); 
            }
        }
    });

OriginalL'auteur Aaron | 2011-08-22

  1. 13

    vous pouvez gérer retrait de l'élément d'origine à l'aide de la receive de l'événement sur la .sortable

    exemple jsfiddle

    $("#sortable1").sortable({
    receive: function (event, ui) { //add this handler
        ui.item.remove(); //remove original item
    }
});

$("#sortable2 li").draggable({
    connectToSortable: "#sortable1",
    helper: "clone",
    revert: "invalid"
});
    C'est exactement ce qui me manquait. Merci!
    J'ai modifié l'exemple ci-dessus, de sorte que l'élément à partir du 1er liste peut être déplacé à la deuxième et de la 2e à la 1ère. Mais une fois que l'élément a été déplacé à une autre liste, il ne peut pas revenir à la liste initiale.

    OriginalL'auteur MikeM

  2. 0

    Pour commencer, vous pouvez comparer les différences entre événement-start et événement-stop. Utiliser un débogueur pour percer dans le Cas de la Fonction et vous pouvez voir la différence entre les deux.

    OriginalL'auteur Hyper

  3. 0

    Si vous n'êtes pas le tri de tout et veulent de l'original de l'élément à supprimer la goutte est valide, vous pouvez simplement supprimer le helper:"clone".

    $("#sortable2 li").draggable({
    revert: "invalid",
});

    OriginalL'auteur Akira Kronic