使用Ruby on Rails在.js文件中切換/鏈接到另一個外部樣式表

Question

我從Sitepoint書中學習了JQuery，但我試圖將所有課程應用於Rails應用程序。 在一個課程中，我們將教給我們如何在調整瀏覽器窗口大小超過特定點后切換到另一個樣式表。 這是JavaScript代碼：

if ($('body').width() > 900) {
  $('<link rel="stylesheet" href="wide.css" type="text/css" />')
    .appendTo('head');
} else {
  $('link[href=wide.css]').remove();
}

Rails似乎不想使用'link rel'鏈接到新樣式表。 我嘗試使用Rails助手： <%= stylesheet_link_tag 'base', :media => 'screen' %>但這在.js文件中不起作用。

如何使用Ruby鏈接到.js文件中的外部樣式表？ 我可以在.js文件中使用Ruby on Rails代碼嗎？

謝謝。

Answer 1

我懷疑您的問題出在URL上。 “ wide.css”文件名之前可能需要添加一些內容（目錄名稱）。

嘗試將鏈接直接編碼到頁面中。 查看生成的HTML，查看Rails標記用於“ href”值的內容，然后在Javascript版本中自己使用它。