Wenn ich versuche, irgendwelche einzuschließen .js
und .css
Dateien, die von der jQuery Mobile-Website heruntergeladen wurdenIrgendwo in der Asset-Pipeline bekomme ich alle Arten von View-Rendering-Problemen, von nicht gefundenen Bildern bis CSS, die nicht angewendet werden, bis hin zu Fehlern beim Ausführen der jQuery-js-Datei. Wenn ich jedoch den Beispielcode verwende:
<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>
in der Kopfzeile meiner Rails 3.2.11 App funktioniert es einfach.
Warum ist das?
Ich habe versucht, in application.js
und application.css
auf verschiedener Weise.
Antworten:
1 für die Antwort № 1- Hinzufügen
jquery-rails
undjquery-mobile
zu deinem Gemfile durch die entsprechenden Asset-Edelsteine. - Erfordern ihre Vermögenswerte von Ihrer application.js und application.css oder den Manifesten, die Sie konfiguriert haben.
- Fügen Sie das Script-Tag nicht in Ihrem Layout ein, sonst würden Sie die Rails-Asset-Pipeline umgehen.
Dein Gemfile:
group :assets, :development do
gem "jquery-rails"
gem "jquery_mobile_rails"
end
Ihre Asset-Manifeste (application.js
und application.css
standardmäßig) sollte gerne erklärt werden unter: https://github.com/tscolari/jquery-mobile-rails#installation
0 für die Antwort № 2
Ok, also Herr Die Lösung von Vicente ist definitiv die einfachste, ABER erlaubt es nicht, benutzerdefinierte CSS-Designs mit dem JQuery Mobile thememoller einzubinden.Was ich gemacht habe, besteht im Grunde darin, das rohe CSS zu kopieren und in eine "Custom" -Css-Datei zu schreiben formatiert die bereitgestellten Themen so, wie ich es möchte.Es ist nicht ideal, da Sie selbst benutzerdefinierte Themen erstellen möchten, aber OK.