Impossible d'utiliser jQuery dans $().load( )

Fermé
phadam - 26 oct. 2011 à 00:06
Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 - 26 oct. 2011 à 12:47
Bonjour à tous
j'ai un petit soucis concernant jQuery

j'ai une page html basic ci dessous :


// DEBUT PAGE (index.html)

<!DOCTYPE html>
<html>
<head>
<title>Ma Page HTML - jQuery</title>
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript">
$(function(){
// charge le contenu de content.html dans la balise div id="content"
$('#content').load('content.html');
});

$(document).ready(function(){

$('#dropIndex').click(function(){
alert("supprimer 1");
})

$('#dropContent').click(function(){
alert("supprimer 2");
})

})

function drop()
{
alert("supprimer 3");
}


</script>
</head>
<body>
<a href="javascript:void(0);" id="dropIndex"> supprimer 1</a> <br>
<----------------------------------------------------------------->
<blockquote>
<div id="content">
chargement...
</div>

</blockquote>
<----------------------------------------------------------------->
</body>
</html>

// FIN PAGE


Au chargement de la page je rempli le contenu de la balise div <div id="content">
par le contenu de ma page content.html :

// DEBUT PAGE content.html

page content.html <br>
<a href="javascript:void(0);" id="dropContent"> supprimer 2 </a> |
<a href="javascript:void(0);" onclick="drop()"> supprimer 3 </a>

// FIN PAGE


Le Probleme :

quand je click sur le lien :
- "supprimer 1" resultat alert( "supprimer 1" ) ok
- "supprimer 2" resultat alert( "supprimer 2" ) ko
- "supprimer 3" resultat alert( "supprimer 3" ) ok

Comment puis-je faire pour que le lien "supprimer 2" soit ok ?

Remarque : J'ai l'impression que le jQuery ne fonctionne plus quand je charge le contenu dynamiquement

Grand merci à Vous

1 réponse

Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
26 oct. 2011 à 12:47
Je pense que le problème vient de ton bind et que ce que tu charges avec load n'est pas encore chargé quand le binding se fait essayes avec :
$('#content').load('content.html', function(){
  $('#dropContent').click(function(){
    alert("supprimer 2");
  }) 
}); 
0