The CSS for my site works fine on desktop browsers and mobile browsers, but when I click the link to return back to the main page “root_path”, some of my CSS stylings disappear.
#routes.rb
resources :welcomes
root :to => "welcomes#index"
#_header.html.erb
<%= link_to 'Welcome!', root_url %>
#application.html.erb
<%= stylesheet_link_tag "jquery.mobile-1.0b2.css" if mobile_device? %>
If I view it using the url http://192.168.1.4:3000 it looks great. When I click the ‘welcome’ link in the in the header I lose CSS styling. I think it’s because the url becomes http://192.168.1.4:3000/#/. Why is it not just /? I’ve tried root_path, root_url, welcomes_path, etc all with the same result.
According to the bug report here, I believe this is a bug in jquerymobile.
Update
Indeed JQuery mobile Beta 3 resolved the issue.