Agir sur un élément créer dynamiquement en JQuery

ljmontana - 10 févr. 2013 à 15:35
cs_AlexN Messages postés 694 Date d'inscription lundi 5 décembre 2005 Statut Membre Dernière intervention 8 janvier 2014 - 14 févr. 2013 à 16:24
Bien le bonjour à tous,
Voici mon problème, j'essaye de manipuler un element qui vient d'être insérer dans le DOM, mais rien ne se produit, comme par exple:
$('.ajout_sc').click(function() {
$(this).before('');
});
$('.nvlle_sc').click(function() {
alert('ok');
// La fonction alert ne fonctionne pas !!
});

2 réponses

cs_AlexN Messages postés 694 Date d'inscription lundi 5 décembre 2005 Statut Membre Dernière intervention 8 janvier 2014 19
14 févr. 2013 à 16:13
Salut,

Essayes avec live (live), pour relier la capture de l’événement click par ton élément nouvellement créé, comme ça :

<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script>
$(function() {
$('.ajout_sc').click(function() {
$(this).before('');
});
$('.nvlle_sc').live('click', function() {
alert('ok');
// La fonction alert ne fonctionne pas !!
});
});
</script>
</head>

test



</html>
0
cs_AlexN Messages postés 694 Date d'inscription lundi 5 décembre 2005 Statut Membre Dernière intervention 8 janvier 2014 19
14 févr. 2013 à 16:24
Désolé,

Ma réponse est incorrecte. live est deprecated.
Depuis jQuery 1.7, il faut faire :

<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script>
$(function() {
$('.ajout_sc').click(function() {
$(this).before('');
});
$(document).on("click", ".nvlle_sc", function(){ alert('ok'); }); 
});
</script>
</head>

test



</html>
0
Rejoignez-nous