ajouter dynamiquement auditeur à l'ajax le contenu créé dans jQuery

Je suis en train d'essayer d'obtenir le code html de la valeur d'un lien cliqué.
Les liens sont créés de manière dynamique avec Ajax donc je ne pense pas .bind ne
de travail et je n'ai pas la dernière version .vivre

$('div#message').click(function() {
  var valueSelected = $(this).html();  //picks up the whole id. I juust want single href!          
  alert(valueSelected);
  return false;
});



<div id="message">
<br/>
<a class="doYouMean" href="#">location A</a>
<br/>
<a class="doYouMean" href="#">location B</a>
<br/>
<a class="doYouMean" href="#">location C</a>
<br/>
<a class="doYouMean" href="#">location D</a>
<br/>
<a class="doYouMean" href="#">location E</a>
<br/>
</div>

OriginalL'auteur davidP | 2010-03-31

  1. 3

    Appliquer votre gestionnaire de juste les liens, dans le rappel de l'AJAX charge.

    $('div#message').load( myUrl, function() {
    $('div#message a').click(function() {
       var valueSelected = $(this).html();
       alert(valueSelected);
       return false;
    });
});

    OriginalL'auteur tvanfosson

  2. 16

    Voici une autre approche qui n'a pas été mentionné:

    Si vous utilisez jQuery v1.7+ vous pouvez utiliser le .sur() méthode pour lier un écouteur d'événement pour HTML en cours ainsi que le code HTML qui est ajouté dans le futur:

    $('#message a').on('click', function(){
    alert('link clicked!');
});

    Si vous utilisez une ancienne version de jQuery, il est recommandé que vous utilisez le .délégué() plutôt la méthode:

    $('#message').delegate('a', 'click', function(){
    alert('link clicked!');
});

    En résumé:

    $(elements).delegate(selector, events, data, handler);  //jQuery 1.4.3+
$(elements).on(events, selector, data, handler);        //jQuery 1.7+
    J'aime cette approche meilleure que la première, car il vous donne la possibilité d'utiliser que de l'écouteur d'événement pour les deux "ordinaire" et ajax avait contenu. Dans la première réponse, il suppose que vous avez seulement besoin que l'auditeur une fois.
    Votre méthode ne peut pas fonctionner avec un asychrone div créé... Juste en cas de div existent déjà

    OriginalL'auteur Andrew

  3. 0

    Vous avez 2 options -

    1. Utiliser le LiveQuery plugin qui est ce que nous avons utilisé auparavant .live est le long de
    2. Relier votre fonction à l'événement click après chaque appel ajax. (Recommandé)
    #2 a fait le tour!

    OriginalL'auteur James Westgate

  4. 0

    Vous devez vraiment être à l'aide de la dernière version, si vous pouvez l'aider.

    Si c'est la ".doYouMean" les éléments qui sont ajoutés à l'aide d'AJAX, et le message est toujours là, à essayer:

    $('#message').bind('click', function (event) {
  var target = event.currentTarget;
  if ($('.doYouMean').filter(target)) {
    //target is the .doYouMean that was clicked: Handle here
  };
});

    (Cela fonctionne: http://www.jsfiddle.net/SuVzv/)

    OriginalL'auteur Matt

  5. 0

    Autre solution est de faire une fonction pour cliquez sur réinitialisation, parce que vous pouvez avoir d'autres situation, comme je l'ai eu :), et donc de la logique peuvent être les suivants:

    $(document).ready(function() {
  initsomething();
});

function initsomething(){
  .......
  $('div#message').click(function() {
    var valueSelected = $(this).html();  //picks up the whole id. I juust want single href!          
    alert(valueSelected);
    return false;
  });
  .......
}

    sur ajax succès exécuter initsomething() 🙂

    OriginalL'auteur Anton

  6. 0

    Peut-être une fin et double réponse, mais Cela peut être une fin, mais c'est ce que je fais quand j'ai besoin d'ajax.

    $(document).ready(function () {
$(document.body).on('click', '.Selector_S', function () { function_F(event, this) })
}

function function_F(event, d){
...do sth here...
}

    Et vous n'avez pas besoin de relancer les écouteurs d'événement ou écrire quoi que ce soit dans la fonction ajax.

    OriginalL'auteur Flood Gravemind