在IE中的Rails中动态加载CSS

Question

我在rails有一个应用程序。 在我的应用程序中，有一些地方可以部分使用。

每个要使用的部分，都有自己的CSS

我们亲爱的Internet Explorer 7和Internet Explorer 8 ，它们不允许我将CSS插入标头之外。 我尝试通过以下方式进行操作：

css=stylesheet_link_tag 'my_partial'
$(CSS).appendTo("head");

它可以在Chrome，Safari和Firefox中完美运行。 但是，我无法在Internet Explorer中加载CSS 。 有人可以给我一个如何解决这个问题的想法吗？

Answer 1

可以在布局的头部包含一个yield区域。 然后，您可以在包含自定义CSS的每个部分中执行content_for 。

例如在layouts/application.html.erb

<html>
<head>
  <!-- blah blah title and regular css here -->
  <%= yield :extra_stylesheets %>
</head>
...

然后分部分：

<% content_for :extra_stylesheets do %>
  <%= stylesheet_link_tag 'my_partial_stylesheet' %>
<% end %>