Переключение / ссылка на другую внешнюю таблицу стилей в файле .js с использованием Ruby on Rails

Question

Я изучаю JQuery из книги Sitepoint, но я пытаюсь применить все уроки к приложению 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.

Как связать внешнюю таблицу стилей в файле .js с помощью Ruby? Могу ли я использовать код Ruby on Rails в файле .js?

Спасибо.

Answer 1

Я подозреваю, что ваша проблема с URL. Вероятно, есть что-то (имя каталога), которое нужно указать перед именем файла "wide.css".

Попробуйте закодировать ссылку прямо на страницу. Посмотрите на сгенерированный HTML и посмотрите, что тег Rails использует для значения "href", а затем используйте его самостоятельно в версии Javascript.