perdiendo css después de jquery ajax load

Question

¿todos saben cómo solucionar el problema de css después de una solicitud de Ajax con $ .load? Por ejemplo, si quiero cargar simplemente un DIV de una página web, después de que mi petición Ajax con:

$('container').load('path_to_div #div_id'); 

pierdo todo el CSS y los scripts que se asoció con la div

Cualquier idea por favor

Answer 1

Puede cargar el CSS dinámicamente como en this answer, o agregarlos al archivo CSS de la página en la que está cargando el div.

En cuanto a las secuencias de comandos externas, $.getScript() debería ocuparse de su problema.

Answer 2

Sí, los controladores de eventos que se adjuntaron se desconectarán cuando el contenido sea reemplazado por AJAX. Puede utilizar jQuery's .on() o .live() como ganchos de eventos alternativos para evitar esto.

En cuanto al CSS, probablemente haya obtenido un nombre de clase o ID en el contenido original que falta en el contenido reemplazado, o el contenido reemplazado no coincide con los mismos selectores que configuró en su CSS.

Sin ver su HTML/CSS es imposible de decir.

Answer 3

Incluye todo el CSS para el elemento (y sus elementos secundarios) en un archivo CSS que se incluye en la página principal en la que lo cargarás. Entonces, si tiene main.html, y está cargando el div #div_id en esa página, querrá incluir el CSS para #div_id dentro de main.html.

también deseará incluir un script que puede delegar controladores de eventos, tales como .delegate() (para las versiones de jQuery anteriores a 1.7) o .on() (para jQuery 1.7+), al AJAX carga el contenido.

Answer 4

tuve ese error de la solución fue:

$('#contentPagina').load(nombrePagina,function(){ $('#contentPagina').trigger('create'); });