jQuery remove () está moviendo mis bloques div ... ¿cómo puedo corregir sus posiciones? - jquery, html, load

Estoy usando jQuery para actualizar el contenido en el contenedor DIV. Cuando se hace clic en el enlace de actualización, llamo a jQuery para eliminar () los contenidos DIV y luego cargar () para volver a crearlos y el contenido.

El problema es que tengo menús y navegación en la parte inferior y cuando actualizo el contenido, toda la navegación inferior se empuja hacia arriba temporalmente después de que se eliminan los DIV () "d mientras se carga el contenido de 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);

Toda ayuda es apreciada. Gracias

Respuestas

1 para la respuesta № 1

Es posible que no tenga que eliminar el contenido si está volviendo a cargar el div. La carga reemplazará el contenido automáticamente.

Una opción es desvanecer el contenido mientras ocurre la carga para que parezca que el contenido se desvanece al nuevo contenido.

---

0 para la respuesta № 2

bueno, realmente no tienes que eliminarlos ... podrías reutilizarlos ...

Pero si realmente tienes que hacerlo porque solo tienesa, entonces puede hacer un contenedor para los divs que debe eliminarse. Luego, ese contenedor usará todo el espacio que tiene para que, cuando elimines los divs, nada cambie ...;))

---

0 para la respuesta № 3

los load() reemplazará el contenido cuando lo tenga, no es necesario .remove() primero. Al menos así es como funciona cada vez que lo uso.

---

0 para la respuesta № 4

Gracias a todos, está bien, la carga () de hecho reemplaza el contenido.

Me di cuenta de que el problema era en realidad que estoy usando fadeIn () con la carga (), así que si haces clic en actualizar antes de fadeIn () (usando 3 segundos fadeIn), el DIV bottomnav se mueve hacia arriba.

Si esperas a que termine el fadeIn (), entonces observando en el bottomnav DIV se mueve.

¿Hay alguna manera de interrumpir una llamada de fadeIn () que se está ejecutando para que mi DIV bottomnav no se levante temporalmente?

Para ser honesto, no estoy seguro de por qué interrumpir fadeIn () causaría ese comportamiento.

---