Alternative à jquery live qui peut fonctionner

J'ai ce code simple. http://jsfiddle.net/borth/BmEZv/
Si vous cliquez sur le lien une fois, il fonctionne très bien. Si vous cliquez une deuxième fois, ça ne fonctionne pas. En raison de l'html en cours de chargement dans le html après le DOM est chargé, j'ai essayé .sur, .lier, .délégué, et .vivre. Aucun d'entre eux fonctionnent à l'exception .live qui est obsolète (je suis en utilisant jquery 1.7.2).

Quelqu'un peut m'expliquer pourquoi .vivre, c'est la seule fonction qui fonctionne et pourquoi les autres ne fonctionnent pas (ou si je fais quelque chose de mal avec les autres fonctions).

$(document).ready(function(){
  $(".OpenPopup").bind('click', function(e){
      alert('test .OpenPopup');
      //do something
      return false;
  });
  $(".EditIcon").bind('click', function(){
      alert('test .EditIcon');
      //do something
      $("#ABC").html('<div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="EditText">click here again</div>');
  });
});


<div id="ABC"><div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="EditText">click here</div></div>
.On est la langue officielle de remplacement pour .Live
lire le jQuery docs FAQ pour répondre à why
Je l'ai eu à travailler avec .sur(). J'ai eu la mauvaise syntaxe.

OriginalL'auteur Brandon Orth | 2013-01-07

  1. 17
    $(document).ready(function(){
        $(document.body).on('click', ".OpenPopup", function(e){
            alert('test .OpenPopup');
            //do something
            return false;
        });
        $(document.body).on('click', ".EditIcon", function(){
            alert('test .EditIcon');
            //do something
            $("#ABC").html('<div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="Edit Text">click here again</div>');
        });
    });
    wow n'a Jamais pensé de cette façon. Je suis toujours à la recherche de quelque autre façon .vivre dans la plus récente de jquery construire. Est-il de toute déclaration officielle? Merci pour l'extrait, je vais tester celui-ci.
    Mais comment voulez-vous cible .openpopup qui a été cliqué?
    e.target dans le gestionnaire de clic - jQuery événement.cible doc

    OriginalL'auteur Dhofca

  2. 2

    .on() peut être utilisé avec ou sans délégation, ci-dessous est un exemple de() à l'aide de la délégation.

    $("#ABC").on('click', ".OpenPopup", function(e){

    http://jsfiddle.net/BmEZv/1/

    Cela ne fonctionne pas. Il travaille sur le premier clic comme prévu, mais sur le deuxième clic, il n'enregistre que la première alerte à l'aide .sur(). $(".EditIcon").bind('click', function(){ ne pas me faire virer. J'ai aussi essayé avec .délégué().
    voulez-vous me ré-écrire tout le code pour vous? il suffit de changer le deuxième se lier à on()
    J'ai modifié votre exemple, pour ajouter .sur() pour l' .EditIcon cliquez sur. Des œuvres. Je vous remercie.
    Je l'ai déjà travaillé. Dhofca fait les corrections ci-dessous. Merci Musa.

    OriginalL'auteur Musa

  3. 0

    Suivant @Dhofca cela a vraiment fonctionné. Je suis juste montrer un exemple que j'ai essayé avec " ce " mot-clé.

    $(document.body).on('click', ".query-result table tr", function () {
    var el = $(this);
    el.closest('table').find('tr').removeClass('dotted');
    el.addClass('dotted');
});

    OriginalL'auteur Asif Ashraf