Les événements à ne pas l'enregistrement après remplaceavec

Quand je replaceWith un élément à apporter, l'une des DOM, puis replaceWith il en, événements enregistrés pour elle de ne pas le feu. J'ai besoin des événements de rester intact.

Voici mon code Javascript:

var replacement = $(document.createElement('span'));
var original = $(this).replaceWith(replacement);

replacement
    .css('background-color', 'green')
    .text('replacement for ' + $(this).text())
    .click(function() {
        replacement.replaceWith(original);
    });

démo

Dans la démo, lorsque vous cliquez sur un élément, il est remplacé par un autre élément à l'aide de replaceWith. Lorsque vous cliquez sur l'élément nouveau, qui est remplacé par l'élément d'origine à l'aide de replaceWith. Toutefois, le gestionnaire de clic ne fonctionne plus (d'où je pense qu'elle devrait).

  • Vous êtes-vous retrouvée à l'aide de l'événement de rattachement, ou avez-vous été en mesure d'obtenir en Direct les événements de travailler? Je suis en train de faire exactement la même chose, et aimerait apprendre de votre expérience.
  • T, je suis désolé, mais honnêtement, je ne me souviens. J'ai posé cette question il y a deux ans. Je pense que l'utilisation $.fn.live n'a pas fonctionné parce que j'ai été traiter avec des éléments réels, et non pas d'un sélecteur. ($.fn.delegate (qui n'existait pas à l'époque) peut travailler pour vous comme un live alternative.) En raison de la réponse que j'ai choisie, je suppose que j'ai fini de re-joindre le gestionnaire d'événements. Vous pouvez essayer de profondeur le clonage de l'élément (ce qui IIRC peut garder des gestionnaires d'événements dans la dernière jQuery).
InformationsquelleAutor strager | 2009-04-20
  1. 11

    Parce que lorsque vous remplacez l'élément d'origine, les événements liés sont supprimés. Vous aurez besoin de re-joindre la click gestionnaire d'événement sur original après l'appel à replacement.replaceWith(original):

    $(function() 
{   
   function replace() 
   {
      var replacement = $(document.createElement('span'));
      var original = $(this).replaceWith(replacement);

      replacement
         .css('background-color', 'green')
         .text('replacement for ' + $(this).text())
         .click(function() 
         {
            replacement.replaceWith(original);
            original.click(replace);
         });
   }

   $('.x').click(replace);
});
    • Je souhaite qu'il y ait une automatique/moyen élégant de faire cela. Je suppose que cette solution vous avez à faire.
    • Vous pouvez essayer de Matt événements en direct suggestion, ou de mettre en œuvre ciblée de la version pour vos propres besoins. Il y a de sérieux (et désagréable) effets secondaires certains navigateurs si vous ne parvenez pas à détacher des événements à partir d'éléments détachés, si vous avez vraiment ne voulez qu'il fonctionne de cette façon.
    • Cela ne fait pas de sens. Les éléments peuvent avoir des événements sans être attaché à les DOM, alors pourquoi en les supprimant de la DOM supprimer les événements? Doivent être certains de la performance des décisions spécifiques, bien bien...
    • Je voudrais aussi vous signaler que cette variante de code pour remplacer éléments sans perdre le lié aux événements:bugs.jquery.com/ticket/13400#comment:10
    InformationsquelleAutor Shog9
  2. 4

    Mise à JOUR: live() et bind() ont été dépréciées, en faveur de sur().

    Vous pouvez utiliser live() et bind() événements, c'est votre nouveau code:

    $(function() {
$('.x').live('click', function() {
    var replacement = $(document.createElement('span'));
    var original = $(this).replaceWith(replacement);

    replacement
        .css('background-color', 'green')
        .text('replacement for ' + $(this).text())
        .bind('click', function() {
            replacement.replaceWith(original);
        });
});
});

    -Live fonctionne avec jQuery 1.3 et supérieure.

    -si vous voulez arrêter le live de propagation de l'utilisation die() fonction.

    InformationsquelleAutor
  3. 3

    les événements en direct sont ce que vous cherchez

    • Peut-être ce dont j'ai besoin. Je vais le regarder.
    • Ne semble pas fonctionner. Impair. =S
    • Ne fonctionne plus comme de jQuery 1.9
    InformationsquelleAutor Matt