/ / Rails 3 Asset Pipeline e jQuery Mobile: ruby-on-rails, ruby-on-rails-3, jquery-mobile, asset-pipeline

Rails 3 Asset Pipeline e jQuery Mobile: ruby-on-rail, ruby-on-rails-3, jquery-mobile, asset-pipeline

Se provo a includerne qualcuno .js e .css file scaricati dal sito Web jQuery Mobileovunque nella pipeline delle risorse ottengo tutti i tipi di problemi di rendering della vista, dal non trovare immagini ai CSS non applicati, agli errori nell'esecuzione del file jQuery js. Tuttavia, quando uso il codice di esempio:

<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>

nell'intestazione della mia app Rails 3.2.11 funziona e basta.

Perchè è questo?

Ho provato l'inclusione in application.js e application.css in vari modi.

risposte:

1 per risposta № 1
  1. Inserisci jquery-rails e jquery-mobile al tuo Gemfile attraverso le gemme delle risorse corrispondenti.
  2. Richiedi i loro asset da application.js e application.css o dai manifest che hai configurato.
  3. Non includere il tag script come quello nel layout, altrimenti si eviterebbe la pipeline delle risorse di Rails.

Il tuo Gemfile:

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

La tua risorsa si manifesta (application.js e application.css di default) dovrebbe piacere come spiegato a: https://github.com/tscolari/jquery-mobile-rails#installation


0 per risposta № 2

Ok, quindi Mr. La soluzione di Vicente è sicuramente la più semplice, MA non ti consente di includere temi CSS personalizzati usando il themeroller di JQuery Mobile. Quello che ho fatto è fondamentalmente copiare il CSS non elaborato e inserirlo in un file css "Personalizzato", che a sua volta stile i temi forniti come voglio. Non è l'ideale in quanto si desidera creare temi personalizzati, ma OK.