2009-07-15 7 views
0

J'utilise ce qui suit pour charger une nouvelle page dans la page en cours, pas d'actualisation.Slideup Animer la page suivante avec jquery

$(document).ready(function(){ 
$("#leftnav").click(function(){ 
    $.post("regions.php",function(data){document.write(data)},"html") 
    return false; 
}); 

}); 

Est-il possible d'animer la nouvelle page avec jquery, comme glisser vers le haut de la nouvelle page?

Merci,

Répondre

3

Ce qui suit ajoutera le nouveau contenu à un div caché, ajoutez au corps puis slideDown.

$(document).ready(function(){ 
    $("#leftnav").click(function(){ 
     $.post("regions.php",function(data){ 
      //create a div and hide it 
      //append new content then slideDown 
      $('<div />').hide() 
         .html(data) 
         .appendTo('body') 
         .slideDown() 
     return false; 
    }); 
}); 
+0

Merci pour la réponse. J'ai besoin de la tête comme javascript change entre les pages. Donc, à peu près tout entre les balises html. Je pense que ce n'est pas possible. –

+0

mieux pour déplacer le js dans un fichier js séparé, vous aurez alors la possibilité d'appeler une fonction init pour le nouveau contenu. – redsquare

+0

voir http://paulirish.com/2009/markup-based-unobtrusive-comprehensive-dom-ready-execution/ pour une idée de vous mettre en route – redsquare

Questions connexes