jQuery UI sortable cliquez sur l'événement

J'ai 2 liste triable (#sortable1 et #sortable2) et j'ai fait 2 click() des fonctions pour gérer chaque sortable élément, cliquez sur l'événement ($("#sortable1 li").click(function(){}) et $("#sortable2 li").click(function(){})).

J'ai un déplacement de 1 point de #sortable1 (par ex: Sort1 Item 2) liste de #sortable2 liste. Le problème est que lorsque l'article a été déplacé vers le #sortable2 et j'essaie de cliquer dessus, le déclenchée mouseevent est $("#sortable1 li").click(function(){}) pas $("#sortable2 li").click(function(){}).

Toute suggestion donc, si j'ai déplacer l'élément de sortable1 à sortable2 et cliquez sur l'élément, l'élément déclencheur $("#sortable2 li").click(function(){})?

DÉMO: http://jsfiddle.net/yosafatade/zX3pX/12/

OriginalL'auteur yosafatade | 2012-10-18

  1. 3

    vous devez utiliser on() voir la mise à jour http://jsfiddle.net/zX3pX/13/

    super génial. mille fois merci à vous.
    live() est obsolète - utiliser .sur()
    Si vous avez des éléments cliquables dans le Triable, ajoutez également les options helper : 'clone', sur la Sortable Options pour empêcher le feu de l'événement de clic sur un glisser/tri. stackoverflow.com/questions/947195/...

    OriginalL'auteur David Michael Harrison

  2. 3

    Je voudrais utiliser .on comme .delegate a été remplacé. De cette façon, vous joindre à l'événement pour la liste pas l'élément de la liste.

    Utiliser ceci:

    $("#sortable1").on("click", "li", function(){
        $("#testClickSort1").html($(this).html());
});

$("#sortable2").on("click", "li", function(){
        $("#testClickSort2").html($(this).html());
});

    violon: http://jsfiddle.net/qkCcS/

    OriginalL'auteur Jon Wells

  3. 0

    Je serais probablement ajouter une classe à chaque li élément de ce tableau, il est en. Par exemple

    <li class='sort1'></li>

    Puis, quand vous vérifiez .click sur $(".sort1") et lorsque vous déplacez le point d'exécuter

    $(this).removeClass("sort1");
$(this).addClass("sort2");
    J'ai essayé de cette façon avant, mais le problème persiste. la réponse de @DavidMichaelHarrison et CrimsonChin est la réponse appropriée.

    OriginalL'auteur Bryan Williams