jQuery remove () déplace mes blocs div… comment puis-je corriger leurs positions? - jquery, html, load

J'utilise jQuery pour actualiser le contenu du conteneur DIV. Lorsque le lien d'actualisation est cliqué, j'appelle jQuery pour supprimer () les DIVs de contenu, puis charger () pour les recréer et le contenu.

Le problème est que j'ai des menus et une navigation en bas et lorsque je rafraîchis le contenu, toute la navigation du bas est temporairement remontée après la suppression des DIV () "d pendant le chargement du contenu Ajax.

HTML:

 <div id="container">
<!-- Below PHP include generates contentdiv1 and contentdiv2 -->
<?php include($_SERVER["DOCUMENT_ROOT"]."/content.php"); ?>
</div>
<div id="refresh">
<a href="javascript: void(0)" id="refreshbutton">Refresh</a>
</div>
<div id="bottomnav">
<!-- nav menus and copyright type junk here is getting pushed UP^^^ -->
</div>

JAVASCRIPT:

// This occurs when the "refresh" link is clicked
$("div#contentdiv1").remove();
$("div#contentdiv2").remove();
$("div#container").load("/content.php?rnd="+ Math.random()*999999);

Toute aide est appréciée. Merci

Réponses:

1 pour la réponse № 1

Il se peut que vous ne deviez pas supprimer le contenu si vous rechargez la div. La charge remplacera automatiquement le contenu.

Une option consiste à estomper le contenu pendant le chargement, de sorte qu'il semble que le contenu s'estompe au nouveau contenu.

---

0 pour la réponse № 2

vous n'avez pas vraiment besoin de les retirer .. vous pouvez les réutiliser ...

Mais si vous devez vraiment le faire parce que vous avez justeà, alors vous pouvez créer un conteneur pour les divs qui doivent être supprimés. Ensuite, ce conteneur utilisera alors tout l'espace dont il dispose, de sorte que lorsque vous supprimez les divs, rien ne changera ....;))

---

0 pour la réponse № 3

le load() remplacera le contenu quand il l'aura, pas besoin de .remove() premier. Au moins, c'est comme ça que ça marche quand je l'utilise.

---

0 pour la réponse № 4

Merci à tous, vous allez bien, la charge () remplace effectivement le contenu.

J'ai compris que le problème était en fait que j'utilise fadeIn () avec la charge (), donc si vous cliquez sur Actualiser avant fadeIn () (en utilisant 3 secondes de fadeIn), alors la DIV bottomnav monte.

Si vous attendez la fin de fadeIn (), notez dans les mouvements DIV de bottomnav.

Existe-t-il un moyen d'interrompre un appel fadeIn () en cours d'exécution afin que mon bottomnav DIV ne soit pas poussé temporairement?

Pour être honnête, je ne sais pas pourquoi l'interruption de fadeIn () provoquerait ce comportement.

---