ich einige HTML über einen Zepto JS Ajax-Aufruf zu laden versuchen:Zepto JS: CSS gilt nicht für grundlegende HTML-Vorlage
// inside $(docuement).ready...
$.get('dist/traffic-lights.html', function(response) {
$(document.head).append(response);
// in the page there are some DiVs to full fill..
$('div.traffic-lights').each(function(idx, elm) {
$(elm).html($('script#traffic-lights-template').html());
});
}):
in dist/verkehr lights.html lebt die Vorlage:
<script type="text/html" id="traffic-lights-template">
<div class="cars-lights"> ... </div>
<div class="buttons"> ... </div>
<div class="pedestrians-lights"> ... </div>
<br class="clearfix" />
</script>
Alles scheint in Ordnung? Der Inhalt ist geladen, aber CSS-Regeln konnten nicht auf eingefügten Inhalt angewendet werden! Wie ist das möglich?
Nicht genug bekannt. Bitte geben Sie eine [MCVE] an. Wir haben keine Ahnung, welche CSS Sie verwenden oder warum es nicht wie erwartet funktioniert. Überprüfen Sie den Live-HTML-Code und die zugehörigen Stilregeln in den Browser-Entwicklungstools, um weitere Hinweise zu erhalten. – charlietfl
Das CSS sieht gut aus ... In Chrome-Debugging-Tools erscheint das Antwortskript-Tag wie ein PLAIN-String, nicht als MARKUP ... vielleicht diese Hilfe? –
Erstellen Sie eine Demo, die Problem reproduziert – charlietfl