Ruby on rails jquerymobile打破了rails应用程序

我想使用jquery mobile创建rails 5.0.0.1应用程序的移动版本
作为初学者，我在Scott W.Bradley和railscasts中找到了有用的指导。 但是，当我在

app/assets/javascripts

中插入jquery mobile js文件，在

app/assets/stylesheets

中插入jquery mobile css文件时，我的应用程序被破坏：css规则不受尊重，重定向失败，javascripts不起作用，颜色模糊，按钮不起作用

因此，我想将jquery移动文件添加到一个专用文件夹

/app/assets/jquerymobile

，并编辑了

/app/views\u mobile/layouts/application.html.erb

，在头部添加了以下代码行：

<%= stylesheet_link_tag '/app/assets/jquerymobile/jquerymobile.css' %>
<%= javascript_include_tag '/app/assets/jquerymobile/jquerymobile.js' %>

---

但是，如果没有加载文件，手机的行为就好像

jquerymobile.css

和

jquerymobile.js

文件不存在一样。我的目标是将jquerymobile与桌面版本分开，并在mobile发出请求时加载文件。但是，我想知道是什么破坏了应用程序，因为具有完整资产管道的移动版本将继承该问题。

要从资产管道中排除css和js文件，有必要在

application.css

和

application.js

的末尾添加以下条目：

*= stub jquerymobile
//= stub jquerymobile

然后需要在

/config/initializers/assets.rb

中添加以下代码行：

Rails.application.config.assets.precompile += %w( jquerymobile.css )
Rails.application.config.assets.precompile += %w( jquerymobile.js )

此时，可以使用

stylesheet\u link\u tag

和

javascript\u include\u tag

在

/app/views\u mobile/layouts/application.html.erb

文件的头部包含上述css和js文件，如下所示：

<%= stylesheet_link_tag 'jquerymobile.css' %>
<%= javascript_include_tag 'jquerymobile.js' %>

另见此