javascript - Zepto JS : CSS doesn't apply to basic HTML template

Question

我试图通过 Zepto JS ajax 调用加载一些 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/traffic-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 规则不适用于插入的内容!这怎么可能？

Answer 1

有效地，

我在 CSS 文件中插入了一个坏字符...如何和什么？可能是我的 IDE 中的危险击键...删除并重写了我的 CSS 文件，没有更多的麻烦......

感谢 charlietfl，我的问题已解决!

问候。