2010-11-01 7 views
0

J'ai le script suivant; Le problème est que je peux utiliser les scripts jquery dans le fichier chargécharger le problème jquery à l'intérieur du fichier chargé

index.html

<html> 
<head> 
<title>Ajax with jQuery Example</title> 
<script type="text/JavaScript" src="jquery.js"></script> 
<script type="text/JavaScript"> 
$(document).ready(function(){ 
$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
    $('#wrapper').html(data); 
    } 
}); 

    $("A").click(function(){ 
    alert("test inside loaded file"); 
    }); 

}); 
</script> 
</head> 
<body> 
<div id="wrapper"> 
</div> 
</body> 
</html> 

ajax/test.html

<A HREF="document2.html" TABINDEX="4">test alert</A> 

Le problème qu'il donnera pas d'alerte quand je clique sur le fichier chargé

Répondre

1

Vous devez utiliser live() pour attacher l'événement à tous les éléments correspondant au sélecteur actuel, maintenant et dans le futur, au lieu de click().

http://api.jquery.com/live/

1

utilisation

$("A").live("click", function(){ 
    alert("test inside loaded file"); 
}); 
+0

CD m'a battu :) – baruch

2

Essayez de changer la ligne suivante:

$("A").click(function(){ 
    alert("test inside loaded file"); 
    }); 

à

$("A").live('click',function(){ 
    alert("test inside loaded file"); 
    }); 

En utilisant la méthode Live() ans Vous pouvez lier toutes les balises <a> maintenant et dans le futur, en utilisant .click() uniquement avec les éléments correspondants qui existent actuellement.

+0

cela fonctionne j'ai eu un problème similaire. - Merci! – cocacola09

Questions connexes