Rails 3 Asset Pipeline and jQuery Mobile

Question

如果我尝试将从jQuery Mobile网站下载的任何.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中。

Answer 1

1. 通过相应的资产gem将jquery-rails和jquery-mobile添加到您的Gemfile中
2. 从您的application.js和application.css或您配置的清单中要求它们的资产
3. 不要在布局中包含这样的脚本标记，否则您将绕过Rails资产管道

您的Gemfile:

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

您的资产清单（默认情况下为application.js和application.css）应如以下所述：https://github.com/tscolari/jquery-mobile-rails#installation

Answer 2

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