Switching/Linking to another external stylesheet in a .js file using Ruby on Rails
- by Jake
Im learning JQuery from a Sitepoint Book but Im trying to apply all the lessons to a Rails App. In one lesson, we are taught how to switch to a different stylesheet if the browser window is resized beyond a certain point. Here's the javascript code:
if ($('body').width() > 900) { $('<link rel="stylesheet" href="wide.css" type="text/css" />')
.appendTo('head'); } else {
$('link[href=wide.css]').remove();
}
Rails doesn't seem to want to link to the new stylesheet using 'link rel'. I've tried using the Rails helper: <%= stylesheet_link_tag 'base', :media => 'screen' %> but that doesn't work in a .js file.
How do I link to an external stylesheet in a .js file using Ruby? Can I use Ruby on Rails code in a .js file?
Thanks.
