9

मैं अपने मोबाइल 3.1 एप को jQuery मोबाइल (बीटा 2, फिलहाल) के साथ एकीकृत कर रहा हूं, और मुझे अनिश्चितता है कि मेरे जेएस & सीएसएस को व्यवस्थित कैसे किया जाए।रेल 3.1 और jQuery मोबाइल: संपत्ति पाइपलाइन पर विचार करते समय अपने जेएस और सीएसएस को व्यवस्थित करने का सबसे अच्छा तरीका?

मैं अपने application.mobile.erb के सिर टैग में इस राशि (http://jquerymobile.com/download/ से सही नकल की):

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script> 

मैं सही इस के ऊपर 'आवेदन' के लिए मेरे stylesheet_link_tag रखना चाहिए तो मेरी सीएसएस शैलियों को ओवरराइड नहीं है jQuery मोबाइल की फैंसी सीएसएस? 'एप्लिकेशन' के लिए javascript_include_tag के बारे में क्या?

या शायद यह सब पूरी तरह से अलग होना चाहिए?

मुझे यह सुनिश्चित नहीं है कि यह सब कैसे व्यवस्थित करें/यदि ऐसा करने का पारंपरिक तरीका है। इनपुट सराहना की।

(। कृपया अधिक जानकारी के लिए पूछना अगर आप किसी भी आवश्यकता है)

संपादित करें: * मैं भी जहाँ मेरे मोबाइल-विशिष्ट जे एस और सीएसएस डाल करने के लिए सोच रहा हूँ ...

उत्तर

6

अब jQuery Mobile Ruby gem है जो संपत्तियों पाइपलाइन में आपके लिए jQuery मोबाइल फ़ाइलें उपलब्ध कराएगा।

स्थापना आसान है। बस अपनी क्षुधा Gemfile

gem "jquery-mobile-rails" 

को मणि जोड़ सकते हैं और bundle install चलाते हैं। फिर, आप अपने application.js या जहां कहीं भी आप फ़ाइलों को शामिल करना चाहते हैं

//= require jquery.mobile 

जोड़ सकते हैं।

+0

यह मणि समान है और इसका उपयोग भी हो सकता है। https://github.com/dbloete/jquery_mobile-rails – Pygmalion

+0

धन्यवाद - मुझे मौका मिलने पर मैं इसे आज़माकर सुनिश्चित करूँगा। – dmonopoly

+0

लिंक अब vaild नहीं है। – Meier

1

यह वास्तव में अपने निर्णय है आप किस चीज को प्राथमिकता देना चाहते हैं। कुछ चीजों को दूसरों के ऊपर प्राथमिकता होनी चाहिए जो आप चीजों को कॉल करते हैं (यदि फ़ाइल 2 में एक फ़ंक्शन कहा जा रहा है, तो सुनिश्चित करें कि फ़ाइल 1 परिभाषित करता है कि उस फ़ंक्शन को इससे पहले शामिल किया गया है)।

परिसंपत्ति_पिपलाइन के साथ इसे कैसे काम करना है, इस मामले में, आप या तो संपत्तियां डाउनलोड करते हैं और उन्हें application.css/application.js में बंडल करते हैं या आप इसे आपके लिए काम करने वाले क्रम में <head> में रखते हैं।

6

बस आप की तरह, मैं रेल 3.1 की नई संपत्ति पाइपलाइन के साथ jQuery मोबाइल (अब अंतिम 1.0) का उपयोग करने के तरीके को समझने में काफी उलझन में था।

सबसे पहले, jquery.mobile.js और jquery.mobile.css को क्रमशः संपत्ति/जावास्क्रिप्ट और संपत्ति/स्टाइलशीट में छोड़ दें।

दूसरा, सम्मिलित अपने application.js प्रकट

//= require jquery 
//= require jquery_ujs 
//= require jquery.mobile 

और अपने application.css प्रकट करने के लिए एक ही में "jquery.mobile की आवश्यकता होती है":

*= require_self 
*= require_tree . 
*= require jquery.mobile 

तीसरा, डाल "application.js "और" application.css "लेआउट में, application.html।erb

<meta name="viewport" content="width=device-width, initial-scale=1"> 
<%= javascript_include_tag "application" %> 
<%= stylesheet_link_tag "application" %> 
<%= csrf_meta_tags %> 

चौथा, इसे 'मेटा नाम ~~~' लाइन जोड़ने के लिए मत भूलना ताकि यह ठीक से काम कर सके।

<meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport"> 

पृष्ठ में 'डेटा-भूमिका = "पृष्ठ' जैसे 'jQuery मोबाइल गुणों का भी उपयोग करें। अन्य 'jquery-mobile-rails' या इसी तरह के रत्नों का उपयोग करने की सलाह देते हैं लेकिन मैं नहीं करूँगा।

+1

यह jquery-mobile-rails मणि का उपयोग करने से सरल और बहुत कम रहस्यमय है। धन्यवाद। –

संबंधित मुद्दे