【问题标题】:Conditionally include css files with meteor有条件地包含带有流星的 css 文件
【发布时间】:2013-02-28 10:13:35
【问题描述】:

我正在使用流星制作一个“多页”应用程序,并希望每页使用不同的 css 文件。这可能吗?

【问题讨论】:

  • 我猜<style> 可能有用
  • 投反对票的人:请解释你为什么投反对票!
  • 我实际上赞成这是一个很好的问题,Meteor 不使用传统样式的页面,而是在路由器中。
  • 我也投了赞成票。我在这里寻找解决方案,为多页应用程序包含不同的 js 脚本。

标签: meteor


【解决方案1】:

Meteor 不允许(当前)标签内的助手。

快速方式:用#id将所有内容包装在一个div中,然后使用手写笔包装所有css规则和该标签:

#myPagewrap1
  #row
    some: rule

#myPagewrap1
  #row
    some: rule

很长的路要走:将一些动态 css 调用附加到模板的 .created 方法。

Template.myPage.created = function(){
  loadStyle("pathtostyle.css");
}

你的 loadStyle 函数可能是这样的:http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

【讨论】:

  • 谢谢!这样做: Template.customPage.created = function () { $('head').append(''); };
  • 一定要加一个条件来检查样式表是否已经加到头部了,否则你会有一堆重复的。
  • 这不起作用。 Meteor 自动将所有的 css 文件推送到客户端。
  • @piedpiper 将你的 CSS 文件放在 /public 中。
猜你喜欢
  • 2015-04-24
  • 2016-04-05
  • 2012-04-21
  • 2020-12-29
  • 1970-01-01
  • 2011-11-01
  • 2012-03-15
  • 2013-09-17
  • 1970-01-01
相关资源
最近更新 更多