2010-03-29 4 views
0

J'utilise jQuery pour charger dynamiquement des pages php dans ma page en utilisant la fonction .load(), jusqu'à présent cela a été un succès mais si vous cliquez sur différents liens pour mettre à jour la div avec le .load() il commence à clignoter entre la nouvelle page cliquée et l'ancienne, c'est assez ennuyeux et quelqu'un a-t-il trouvé une solution?jQuery scintillement en utilisant .load

Code actuel:

$(document).ready(function(){ 
    $('a').click(function() { 
     $('#content').load($(this).attr("href")); 
     return false; 
    }); 
}); 

Répondre

0

Le vacillement est peut-être dû au fait que les dimensions de la #content div varient entre les charges, essayez de slideTogle avant de le charger ou d'utiliser une autre transition entre les charges

exemple:

$(document).ready(function(){ 
    $('a').click(function() {  
    $('#content').slideUp('slow',function(){ 
     $('#content').load($(this).attr("href"),function(data){ 
      $('#content').slideDown('slow'); 
     }); 
    }) 
    return false; 
}); 
}); 
-1

J'espère que c'est correct de remettre en question la prémisse. Vous faites en sorte que tous les liens utilisent ajax pour remplacer le contenu de # contenu? Cela ne rompt-il pas le comportement du bouton avant/arrière du navigateur? Si oui, personnellement, je ne voudrais pas utiliser un tel site.