2012-07-01 3 views
-1

Possible en double:
Loading an external .htm with javascript into a div
Loading an external .htm file into a div with javascriptChargement d'un fichier .htm externe à un div avec javascript

Ceci est mon code entier:

<html> 

<head> 

</head> 

<body> 

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script type="text/javascript"> 
$(function(){ 
    $('.ajax') .click(function(e){ 
     e.preventDefault() 
     $('#content').load('file.htm') 
    }) 
}) 
</script> 

<div id="content"> 
    <p>random text</p> 
</div> 

<div><a href="#" class="ajax">Link</a></div> 


</body> 

</html> 

Le code fonctionne très bien pour charger un fichier externe dans un div dans Firefox, mais rien ne se passe en chrome et IE, quand je clique sur le lien. aucun conseil ?

+0

Avez-vous vérifié les erreurs JS? –

+2

la balise '' manque un '>', est-ce une erreur de pâte de copie ou est-ce que votre source d'origine est comme ça? – Bazzz

+0

Il est normal de placer la balise de script jquery dans l'élément head. Je ne suis pas sûr que la fonctionnalité "chargement de document" fonctionnera correctement si vous ne le faites pas. – sje397

Répondre

0

Bien qu'il n'est pas la cause du problème, il est conseillé d'utiliser des points-virgules:

$(function(){ 
    $('.ajax') .click(function(e){ 
     e.preventDefault(); 
     $('#content').load('file.htm'); 
    }); 
}); 

Vous frappez parfois quelques erreurs étranges si vous ne le faites pas.

Questions connexes