Javascript/Jquery - Style CSS non appliqué sur HTML inséré
Bonjour à tous, j'aurais besoin d'un peu d'aide.
Mes recherches sur les moteurs de recherches et différents forum ayant été infructueuses, je me permet de poster ici.
Voilà, via un appel AJAX de JQUERY sur une page PHP, j'insère du code HTML dans ma page.
Le tableau qui en résulte perd tout style CSS (Le CSS de la page qui l'accueil ne lui est pas appliqué).
Pourtant si je fait un "include" via PHP cela fonctionne parfaitement.
Voici mon code js :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
function affichageTableau(mode){
$.ajax({
url: 'elements/tableau_suivi.php',
type: 'POST',
data: 'mode='+mode,
dataType: 'html',
success: function(code_html, statut){
$('#conteneur').html(code_html);
}
});
} |
Je suis un peu perdu, merci pour votre aide.
Les class sont bien présentent
Citation:
Envoyé par
SpaceFrog
regarde ton code source généré après ton ajax, je suis prêt à parier qu'il a perdu les class ...
Bonjour et merci SpaceFrog mais les class sont bien conservées.
Par exemple, utilisant Bootstrap, j'utilise la class .table-dark qui est bien présente et appliquée (liée au fichier _tables.scss).
Par contre, les fichiers .css ne s'appliquent pas au code importé par JS alors qu'ils sont bien présent dans le code source au niveau du head.
