Nouveaux éléments non pris en compte.

Version imprimable

Bonjour,
J ai quelque souci avec Jquery. J ai résumé mon problème dans cet exemple.
En gros sur ma page j ai un bouton. Lorsque l on clique dessus dans le js je lui dit de crée un autre bouton avec une class.
Dans ce js j ai fait en sorte que Jquery associe une action lors d un clic sur un bouton qui contient cet class.
Le problème est que Jquery na pas l aire de le prendre en compte car ces input n existaient pas lors du chargement de la page car si je marque en dure dans le code un bouton avec cet class il sera prit en compte.
Voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function() { $('[name=add]').click(function () { $('body').append('<input type="button" class="btn_alert" value="Click" />'); }); $('.btn_alert').click(function () { alert('Hello World !'); }); }); </script> </head> <body> <input type="button" name="add" /> <input type="button" class="btn_alert" value="Click" /> </body> </html>

23/12/2009, 10h34
kernelfailure

Citation:

Envoyé par krazybiker

Code:

$('body').append('<input type="button" class="btn_alert" value="Click" />');

Je ne connais pas jquery, mais je serais très surpris que ceci fonctionne.

L'accès à 'body', normalement, passe par une méthode DOM qui retourne un Array. Il faut donc spécifier l'index de l'Array ([0], par exemple).
Si jquery transforme cet Array en object dès lors qu'il ne rencontre qu'un seul élément, tant mieux pour toi, sinon, ton append s'effectue sur l'Array au lieu de l'élément. Tu me suis ?

Je serais toi, je placerais des alerts sur .TagName derrière tes accès jquery, pour voir si les objets retournés sont en adéquation avec ce que tu cherches à récupérer. Si tu n'as pas la propriété, c'est que tu n'est pas sur un Node, mais sans doute bien un Array.
23/12/2009, 11h23
krazybiker

Je voi se que tu veut dire. J ai simplement fait un exemple rapide.
Tu peut remplacer $('body') par un $('div.content') et rajouter <div class="content"></div> dans le code.
23/12/2009, 13h36
kernelfailure

Ok. jquery prend ça en charge très bien, effectivement.

Ton soucis vient du fait que ton bouton n'est pas créé au moment de l'ajout du 'hello world". Il te suffit de placer la déclaration du .click juste derrière ton .append :ccool:

Bonsoir.

Exemple :

Code:

1
2
3
4
5
6
7
$("input[name='add']").click(function(){
	$("body").append("<input type='button' class='btn_alert' value='Click' />");
});
 
$("input.btn_alert").live("click", function(){
	alert("Hello World !");
});

live(), Voir : http://www.developpez.net/forums/d83...s/#post4805186