jQueryMobile और Themeroller - क्या आपको jQueryMobile अपडेट करते समय थीम को फिर से रोल करने की आवश्यकता है?

Question

मैं jQueryMobile 1.1-rc1 का उपयोग कर रहा हूं और मेरा पेजलोडिंग सूचक सही ढंग से प्रदर्शित नहीं हो रहा है।

मूल रूप से जब मैं पहली बार बाहर आया तो मूल रूप से मेरी थीम बनाई गई, और हाल ही में जेक्यूएम के आखिरी कुछ अपडेटों के माध्यम से सब ठीक हो गया है।

अब लोडिंग आइकन स्पिन नहीं करता है और अब बबल में केंद्रित नहीं है।

क्या आपको अपडेट करते समय थीमरोलर में थीम को फिर से रोल करने की आवश्यकता है? मुझे themeroller में लक्ष्य संस्करण का चयन करने का विकल्प नहीं दिख रहा है।

Answer 1

मैंने इस पर एक और नज़र डाली और जवाब यह है कि jQueryMobile के लिए ThemeRoller केवल jQM के 1.0.x रिलीज के साथ संगत है।

Todd Parker Answered the question here jQueryMobile समस्या ट्रैकर में। थीम रोलर इश्यू ट्रैकर में

Tyler Benzinger Answered the question यहां।

ऐसा लगता है कि हमें थीम रोलर के संस्करण 1.1 थीम का समर्थन करने के लिए इंतजार करना होगा।

अद्यतन: समाधान

अपने theme.css टिप्पणी बाहर या .ui-आइकन लोडिंग अनुभाग को हटाएं और (1.1-RC1 सीएसएस से) निम्नलिखित सम्मिलित

/* loading screen */ 
.ui-loading .ui-loader { display: block; } 
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; box-shadow: 0 1px 1px -1px #fff; left: 50%; border:0; } 
.ui-loader-default { background: none; opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; } 
.ui-loader-verbose { width: 200px; opacity: .88; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; } 
.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; } 
.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; } 
.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radiu$ 
.ui-loader-verbose .ui-icon { margin: 0 auto 10px; opacity: .75; } 
.ui-loader-textonly { padding: 15px; margin-left: -115px; } 
.ui-loader-textonly .ui-icon { display: none; } 
.ui-loader-fakefix { position: absolute; } 

/* loading icon */ 
.ui-icon-loading { 
    background: url(images/ajax-loader.gif); 
    background-size: 46px 46px; 
} 

मेक में सुनिश्चित करें कि थीम छवि फ़ोल्डर में नई AJAX-loader.gif फ़ाइल है।

Answer 2

मैंने देखा कि पुराना फ़ाइल नाम AJAX-loader.png था। मुझे लगता है कि यह अब AJAX-loader.gif है, इसलिए आप इसे दोबारा जांचना चाहेंगे।

Answer 3

ढांचे के आखिरी कुछ अपडेटों ने सीएसएस को काफी बदल दिया है, और यह 1.1 रिलीज के लिए जारी रहेगा। जब आप जेएस फ़ाइल के एक नए संस्करण में बदल जाते हैं तो आपको थर्मरोलर से अपनी थीम को फिर से पैकेज करना चाहिए।

अंतिम अपडेट में उन्होंने निश्चित शीर्षलेख/पाद लेख, संक्रमण, और कुछ अन्य चीजों के लिए सीएसएस ढांचे को थोड़ा सा बदल दिया (जैसे लोडिंग संदेश को संशोधित किया गया है)। आखिरी अपडेट ने लोडिंग संदेश को और विकल्प भी दिए ताकि एचटीएमएल की संरचना शायद बदल दी गई हो और पुराना सीएसएस नए जेएस की तुलना में बिल्कुल सही नहीं है।

इसका परीक्षण करने के लिए आप सीएसएस के मानक वर्तमान संस्करण से लिंक कर सकते हैं और देख सकते हैं कि लोडिंग संदेश सही तरीके से दिखाई देता है या नहीं।