Rails 3 Asset Pipeline和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. 通过相应的资产宝石将jquery-rails和jquery-mobile添加到您的Gemfile中。
2. 要求您的application.js和application.css中的资产或您已配置的清单。
3. 不要在布局中包含类似的脚本标记，否则您将绕过Rails Asset Pipeline。

你的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 themeroller包含自定义CSS主题。我所做的基本上是复制原始CSS并将其放入“自定义”CSS文件中，然后根据需要对提供的主题进行样式设置。不理想，因为你想自己建立自定义主题但是没问题。