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

phadam -  
Zep3k!GnO Messages postés 2049 Statut Membre -
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 2049 Statut Membre 200
 
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