Rails 3 Asset Pipeline和jQuery Mobile

如果我尝试在资产管道中的任意位置包含从jQuery Mobile网站下载的任何.js和.css文件，我会遇到各种视图呈现问题，从未找到图像到CSS未应用，在执行jQuery js文件时出错。但是，当我使用示例代码：Rails 3 Asset Pipeline和jQuery Mobile

<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在许多方面。

来源

2013-02-06 raoul_dev

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

来源

2013-02-06 12:09:22

好了，维森特先生的解决方案无疑是最简单的，但它不允许您使用JQuery Mobile themeroller包含自定义CSS主题。我所做的基本上是复制原始CSS并将其放入'Custom'css文件中，然后按照我的意愿设置所提供的主题。由于您想自己构建自定义主题，因此不太理想，但确定。

来源

2013-02-06 14:01:43

不希望变得卑鄙，你应该发布评论而不是新的答案。关于自定义文件，您可以通过改进* = require来选择要导入哪些CSS样式表：而不是包含所有这些样式表，而只是包含核心代码的样式表。看看https://github.com/tscolari/jquery-mobile-rails/tree/master/vendor/assets/stylesheets看看你的选择。您可以将自定义主题添加到应用程序/资产/样式表/ theme.sass，并从您的主要清单需要它。 –

谢谢！我会做的。 –

Rails 3 Asset Pipeline和jQuery Mobile

回答

相关问题