Sont des événements perdu dans jQuery lorsque vous supprimez() sur un élément et append() il ailleurs?

Ce qui se passe dans jQuery lorsque vous supprimez() sur un élément et append() ailleurs?

Il semble que les événements sont décrochés - comme si vous étiez juste en l'insérant fraîche html (qui je suppose est ce qui se passe). Mais il est aussi possible que mon code a un bug alors je voulais juste vérifier ce comportement avant que je continue.

Si c'est le cas, y a des moyens faciles de rehookup les événements à la portion de HTML, ou une autre façon de déplacer l'élément sans perdre l'événement en premier lieu.

InformationsquelleAutor Simon_Weaver | 2009-02-17
  1. 29

    Oui, jQuery approche avec remove() est de séparer le tout lié avec jQuery propre bind (pour éviter les fuites de mémoire).

    Toutefois, si vous voulez juste passer quelque chose dans les DOM, vous n'avez pas à remove() en premier. Juste append au contenu de votre coeur, l'événement liaisons sera rester dans les parages 🙂

    Par exemple, collez-le dans votre firebug sur cette page:

    $('li.wmd-button:eq(2)').click(function(){ alert('still here!') }).appendTo(document.body)

    Et maintenant, faites défiler vers le bas de cette page et cliquez sur le petit globy icône est enterré dans le pied de page. Vous obtiendrez la alert. Tous parce que j'ai pris soin de ne pas remove en premier.

    • cool. j'espérais quelque chose comme ça a été le cas. yay pour interactive stackoverflow !
    • heureux de dix ans d'anniversaire de répondre à cela 🙂
    • holy crap dix ans
    InformationsquelleAutor Crescent Fresh
  2. 54

    Le jQuery detach() fonction est la même que remove() mais conserve les gestionnaires d'événements dans l'objet auquel il renvoie. Si vous devez retirer l'élément et le placer ailleurs avec tout ce que vous pouvez simplement utiliser ce.

    var objectWithEvents = $('#old').detach();
$('#new').append(objectWithEvents);

    Vérifier l'API docs ici: http://api.jquery.com/detach/

    • J'ai besoin de trier un tas d'éléments retirez-les de leurs mère à l'aide de $parent.empty(), puis ajouter la liste triée des éléments de leur parent. C'était la bonne réponse pour moi. Merci!
    • merci!!! le travail pour moi.
    InformationsquelleAutor BrutalDev
  3. 0

    utilisation jQuery1.3.1 live() pour lier les événements et vous n'aurez pas besoin de vous inquiéter à ce sujet..

    Mise à jour: les événements en direct sont obsolètes maintenant, mais vous pouvez obtenir le même effet, à partir de $(document).sur().

    • donc oui à ma question initiale? ce qui se passe exactement. je vais vérifier en "live", maintenant
    • certainement bon à savoir sur live - mais il faut être prudent sur les mises en garde ici docs.jquery.com/Events/live#typefn
    • non applicable si vous travaillez avec certains objets dom et pas de sélecteurs. c'était ma première idée, trop.
    InformationsquelleAutor Scott Evernden