在IE中的Rails中动态加载CSS

Question

I have an app in rails . 我在rails有一个应用程序。 In my application, there are places where partial use. 在我的应用程序中，有一些地方可以部分使用。

Each partial to use, brings its own CSS 每个要使用的部分，都有自己的CSS

The problem shows up with our dear Internet Explorer 7 and Internet Explorer 8 which do not let me insert CSS outside header. 我们亲爱的Internet Explorer 7和Internet Explorer 8 ，它们不允许我将CSS插入标头之外。 I tried to do it the following way: 我尝试通过以下方式进行操作：

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

It is working perfectly in Chrome, Safari, and Firefox. 它可以在Chrome，Safari和Firefox中完美运行。 However, I can not load the CSS in Internet Explorer. 但是，我无法在Internet Explorer中加载CSS 。 Can someone give me an idea of how to solve this problem? 有人可以给我一个如何解决这个问题的想法吗？

Answer 1

It's possible to include a yield section in the head section of your layout. 可以在布局的头部包含一个yield区域。 You can then do content_for in each partial that includes your customised CSS. 然后，您可以在包含自定义CSS的每个部分中执行content_for 。

eg in layouts/application.html.erb 例如在layouts/application.html.erb

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

Then in partials: 然后分部分：

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

在IE中的Rails中动态加载CSS

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-11-26 05:12:53

在IE中的Rails中动态加载CSS

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-11-26 05:12:53

解决方案1
0 已采纳 2012-11-26 05:12:53