Ruby on rails Rails 3资产管道和jQuery Mobile

如果我尝试将从jQuery移动网站下载的任何

.js

和

.css

文件包含在资产管道中的任何位置，我会遇到各种视图渲染问题，从未找到图像到未应用css，再到执行jQuery js文件时出错。但是，当我使用示例代码时：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

在我的Rails 3.2.11应用程序的标题中，它可以正常工作

为什么会这样

我尝试以多种方式将其包含到

application.js

和

application.css

中

通过相应的资产gem将

jqueryrails

和

jquerymobile

添加到GEM文件中

从application.js和application.css或已配置的清单中要求他们的资产

不要在布局中包含这样的脚本标记，否则将绕过Rails资源管道

您的文件：

group :assets, :development do
  gem 'jquery-rails'
  gem 'jquery_mobile_rails'
end

---

您的资产清单（默认情况下是

application.js

和

application.css

）如所述：

好的，因此Vicente先生的解决方案肯定是最简单的，但它不允许您使用JQuery Mobile themeroller包含自定义css主题。我所做的基本上是复制原始CSS并将其放入一个“自定义”CSS文件中，然后根据我的需要对提供的主题进行样式设置。不太理想，因为你想自己创建自定义主题，但没问题。

不要小气，你应该发表评论而不是新的答案。关于自定义文件，您可以通过优化*=require:来选择要导入的CSS样式表，而不是包括所有这些样式表，只包括包含核心代码的样式表。看看你的选择。您可以将自定义主题添加到例如app/assets/stylesheets/theme.sass，并从主清单中要求它。