perdre css après jquery ajax charger

Question

tout le monde sait comment résoudre le problème de css après une requête Ajax avec $ .load? Par exemple, si je veux charger juste un DIV à partir d'une page Web, après ma demande Ajax avec:

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

je perds tout le css et des scripts qui a été associé à cette div

Toute idée s'il vous plaît

Answer 1

Vous pouvez charger le CSS dynamiquement comme dans this answer, ou les ajouter au fichier CSS de la page dans laquelle vous chargez la div. En ce qui concerne les scripts externes, $.getScript() devrait prendre soin de votre problème.

Answer 2

Oui, tous les gestionnaires d'événements qui ont été attachés seront déconnectés lorsque le contenu est remplacé par AJAX. Vous pouvez utiliser les options .on() ou .live() de jQuery pour éviter cela. En ce qui concerne le CSS, vous avez probablement un nom de classe ou un ID sur le contenu original qui manque sur le contenu remplacé, ou le contenu remplacé ne correspond pas aux mêmes sélecteurs que vous avez définis dans votre CSS.

Sans voir votre HTML/CSS, il est impossible de le dire.

Answer 3

Incluez tous les CSS pour l'élément (et ses enfants) dans un fichier CSS inclus dans la page principale dans laquelle vous allez le charger. Donc, si vous avez main.html, et que vous chargez le div #div_id dans cette page, vous devez inclure le CSS pour #div_id à main.html.

Vous aurez également d'inclure un script qui peut déléguer des gestionnaires d'événements, tels que .delegate() (pour les versions de jQuery avant 1.7) ou .on() (pour jQuery 1.7+), au contenu chargé AJAX.

Answer 4

J'ai eu cette erreur la solution était:

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