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

回答

相關問題