Я пытаюсь загрузить некоторый HTML с помощью Ajax вызова Zepto JS:Zepto JS: CSS не применяется к основному шаблону HTML
// 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());
});
}):
в Dist/трафик-lights.html живет шаблон:
<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>
Все выглядит нормально? содержимое загружается, но правила CSS не могут применяться к вставленному контенту! Как это возможно?
Недостаточно известно. Пожалуйста, предоставьте [mcve]. Мы понятия не имеем, какой css вы используете или почему он работает не так, как ожидалось. Осмотрите live html и связанные с ним правила стиля в инструментах браузера dev для получения дополнительных подсказок. – charlietfl
CSS отлично выглядит ... В инструментах отладки Chrome тег скрипта ответа выглядит как строка PLAIN не как MARKUP ... может быть, эта помощь? –
Создайте демоверсию, которая воспроизводит проблему – charlietfl