Charger des liens dans un cadre CSS?

Question

J'utilise this script pour charger des pages dans un cadre css (div # maincontent). Je veux que les liens dans les pages chargées se chargent dans ce cadre au lieu de simplement "y aller". Je veux le faire en utilisant jquery. Voici ma tentative:

$('#maincontent a').click(function(e) { 
    e.preventDefault(); 
    ajaxpage($(this).attr("href"), 'maincontent'); 
}); 

Answer 1

Je ne sais pas ce que ajaxpage est, mais si vous chargez juste une page dans un div vous pouvez simplement utiliser load

Quelque chose comme ceci:

$('#maincontent a').click(function(e) { 
    e.preventDefault(); 
    $("#maincontent").load($(this).attr("href")); 
}); 

---

Editer: Si vous souhaitez que la page chargée dispose également de gestionnaires d'événements pour le clic, vous pouvez utiliser la fonction de rappel de load() pour cela. Comme ceci:

function engageLinks() {    
    $('#maincontent a').click(function(e) { 
     e.preventDefault(); 
     $("#maincontent").load($(this).attr("href"), function() {     
      engageLinks();    
     }); 
    }); 
} 
    // Call the function the very first time the page is loaded. 
    // After that the function will call itself. 
engageLinks(); 

Here's an example.

Answer 2

Remplacer ajaxpage avec $('#maincontent').load($(this).attr("href"));