Cliquez a) faites défiler jusqu'à div, b) ouvrez div et c) chargez html d'une autre page dans ce div. Comment?

Question

J'ai déjà le « faites défiler jusqu'à » et activer des fonctions en place:

$("a.view").click(function(){ 
    $("#content").slideToggle("slow"); 
    return false; 
}); 

Et le défilement est pris en charge par this petit plug-in à portée de main.

Maintenant, comment puis-je charger du code HTML d'une autre page dans ce div nouvellement ouvert, appelé #content. J'ai essayé quelques choses ici et là mais je n'arrive pas à le faire fonctionner.

Des idées s'il vous plaît?

Answer 1

Assez trivial avec jQuery.

$('#content').load('path/file.html', function() { 
    // done 
}); 

Vous pouvez également charger des données "partielles", par exemple

$('#content').load('path/file.html #container', function() { 
    // done 
}); 

ne charge l'élément avec l'id `#container » sur file.html.

Ref .: .load()