【问题标题】:Can't get CSS to load无法加载 CSS
【发布时间】:2010-11-23 15:14:34
【问题描述】:

我似乎无法获取 css 文件以将其样式应用于表单。现在很沮丧,因为据我所知它应该可以工作!

在我的脑海里

<link href="/stylesheets/formtastic.css?1290524609" media="screen" rel="stylesheet" type="text/css" /> 

在我的身体里:

<form action="/agents" class="formtastic agent" id="new_agent" method="post">

formtastic.css 文件应将样式应用于表单。它的内容可以在这里查看: formtastic.css

有什么建议或修复吗?

【问题讨论】:

  • 你确定路径正确吗?
  • 当然。我查看源代码,点击url可以看到代码。
  • 您可以使用 Firebug 或其他工具来验证您的 CSS 是否正在加载?
  • 我刚刚在 Firebug 中进行了验证,它看起来很好。
  • 就好像css文件中的选择器不工作一样。想不通。

标签: ruby-on-rails css


【解决方案1】:

问题是表单中没有插入以下代码:

<% f.inputs do %>

这会创建 html,现在 css 可以工作了。

即缺少的 html 是

【讨论】:

  • 所以真的是一个 Rails 问题 - 你应该相应地标记
  • 这会生成必要的 html,所以不确定。但无论如何都会这样做。
【解决方案2】:

您不需要将该数字转换为查询变量吗?

<link href="/stylesheets/formtastic.css?math=1290524609" media="screen" rel="stylesheet" type="text/css" /> 

【讨论】:

  • 我不需要这样做。这是为了防止缓存,由 Web 应用程序框架 (Rails) 自动完成
【解决方案3】:

您是否在 Rails 中使用它?如果是这样,您可以简单地将其放在您的标题中:

&lt;%= formtastic_stylesheet_link_tag %&gt;

另外,您是否同时运行了 bundle install 和 rails generate formtastic:install(对于 Rails 3,使用 ./script/generate formtastic 对于 Rails 2)?

【讨论】:

  • 是的,我正在使用 Rails,我把代码放在我的标题中。我也运行了生成器。
  • 你也在使用Formtastic的DSL?我猜你已经重新启动了服务器,因为 formtastic_stylesheet_link_tag 不这样做就不应该工作。
  • formtastic 是否有任何先决条件才能加载 css?
【解决方案4】:

您确定路径正确吗?如果您使用 firebug 检查源代码,请检查链接标签并查看其内容是否为 404 错误。这可能是您的根相对路径的问题。

这只是一个猜测,因为我看不到您网站的结构。

【讨论】:

    【解决方案5】:

    您确定必须以正斜杠开头吗? (/)

    因为这意味着它位于您的域的根目录中。

    试过&lt;link href="stylesheets/formtastic.css?1290524609" media="screen" rel="stylesheet" type="text/css" /&gt;?

    【讨论】:

    • 路径确实以斜杠开头。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-12
    • 2017-03-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多