jquery मोबाइल पॉपअप काम नहीं कर रहा है?

jquery मोबाइल का उपयोग कर रहा हूँ। मैं एक पॉपअप बनाने की कोशिश कर रहा हूँ। मुझे यह सिम्पल कोड मिला जो काम करना चाहिए। http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html jquery मोबाइल पॉपअप काम नहीं कर रहा है?

मैं उदाहरण

<a href="#popupBasic" data-rel="popup">Tooltip</a> 

<div data-role="popup" id="popupBasic"> 
    This is a completely basic popup, no options set. 
</div>

में कोड की कोशिश की, लेकिन जब मैं अपने खुद के कोड में रखते div अभी भी प्रदर्शित करेगा और जब मैं बटन पर क्लिक करें यह एक के बजाय, एक अन्य पृष्ठ पर जाता है पॉप अप। क्या कोई मेरी मदत कर सकता है?

स्रोत

2012-04-13 Chanckjh

के लिए "पॉपअप" के बजाय "पॉपअपविंडो" का उपयोग करता है, इस पर एक नज़र डालें, वेबसाइट पर पॉपअप http://jquerymobile.com/branches/popup के साथ कुछ गड़बड़ है /docs/pages/popup/index.html – Dhiraj

आप वहां कैसे पहुंचे? आप गलत पृष्ठ पर हैं यह लिंक है: http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html – Chanckjh

अच्छा ... मुझे इसे काम करने के लिए मिला है (नीचे नमूना कोड, गड़बड़ स्ट्रिंग के लिए खेद है, मैं इसे कोड ब्लॉक में प्रदर्शित करने के लिए नहीं मिला) ... लेकिन मुझे आश्चर्य है कि आपको कैसे मिला यह पन्ना?? यह नवीनतम jQuery मोबाइल रिलीज उम्मीदवार का हिस्सा नहीं प्रतीत होता है ... तो मेरा अनुमान है कि यह आपके लिए काम नहीं कर रहा है क्योंकि आपके जेएस और सीएसएस संदर्भ उन फ़ाइलों को इंगित नहीं कर रहे हैं जिनमें वास्तव में संबंधित कोड है?

<!DOCTYPE html> 
<html class="ui-mobile-rendering"> 
    <head> 
     <meta charset="utf-8"/> 
     <meta name="viewport" content="width=device-width, initial-scale=1"/> 
     <title>JQM popup test</title> 
     <link rel="stylesheet" 
      href="http://jquerymobile.com/branches/popup-widget/css/themes/default/jquery.mobile.css"/> 
     <script src="http://jquerymobile.com/branches/popup-widget/js/jquery.js"></script> 
     <script src="http://jquerymobile.com/branches/popup-widget/js/"></script> 
    </head> 
    <body> 
     <a href="#popupBasic" data-rel="popup">Tooltip</a> 
     <div data-role="popup" id="popupBasic">This is a completely basic popup, no options set.</div> 
     <div>Other</div> 
     <div>Random</div> 
     <div>Text</div> 
    </body> 
</html>

स्रोत

2012-04-13 21:19:29 user1263226

तो यह आधिकारिक रिलीज नहीं है? मैं google ofcourse के माध्यम से मिला। जब मैं केवल स्क्रिप्ट को सिर में डालता हूं। मैं दूसरे पेज पर गया लेकिन यह सब गड़बड़ हो गया था। आपका कोड काम करता है, लेकिन मुझे नहीं लगता कि यह कई पृष्ठों के साथ काम करेगा। यदि यह आधिकारिक रिलीज नहीं है तो मुझे पॉपअप बनाने का एक और तरीका ढूंढना होगा। आप कैसे करें – Chanckjh

हाँ ... ऐसा लगता है कि jQuery मोबाइल 1.1 रिलीज उम्मीदवार से "अंतिम" तक चला गया है, और यह सुविधा शामिल नहीं है: http://jquerymobile.com/demos/1.1.0/#/demos/1.1.0/ दस्तावेज़/पेज/index.html ... ताकि आप http://jquerymobile.com/demos/1.1.0/#/demos/1.1.0/docs/pages/page-dialogs पर समझाए गए संवाद सुविधा का उपयोग कर सकें। एचटीएमएल (लेकिन यह मूल पृष्ठ की सभी सामग्री को छुपाता है और शायद आप जो चाहते हैं वह नहीं है। मैं एक प्लगइन का उपयोग कर रहा हूं जिसे आप उपयोगी पा सकते हैं, http://dev.jtsage.com/jQM-SimpleDialog/demos2/ – user1263226

और बीटीडब्ल्यू मैंने जो कोड दिखाया है, वह भी कई पृष्ठों के लिए काम करना चाहिए ... जब तक आप उन "अनौपचारिक" जेएस और सीएसएस फाइलों का संदर्भ दे रहे हैं – user1263226

ऐसा लगता है कि पॉपअप 1.2 रिलीज के लिए निर्धारित हैं (this page on github देखें)। मुझे लगता है कि यूआरएल पेज में "शाखाएं" इंगित करती हैं कि यह पृष्ठ jQuery मोबाइल की अपरिवर्तित देव शाखा से है। यदि आप 1.1 रिलीज के लिए दस्तावेज़ पृष्ठ देखते हैं, तो यह सुविधा दस्तावेज नहीं है।

इसे पिछले github लिंक से jquery.mobile.popup.js और css जोड़कर 1.0 में जोड़ा जा सकता है या web-ui-fw project का उपयोग कर सकते हैं जिसमें पॉपअप विजेट और अन्य विजेट शामिल हैं।

मैं jQuery मोबाइल 1.1 के साथ पॉपअप रखने के लिए वेब-यूई-एफडब्ल्यू का उपयोग करता हूं; यह प्लगइन डेटा-रिले और डेटा-रोल

स्रोत

2012-04-16 08:08:20 QuickFix

मैंने दोनों .css और .js को जोड़ने का प्रयास किया, फिर भी यह काम नहीं किया। क्या यह आपके काम आया? –

हाँ यह वेब-ui-fw-libs.js, web-ui-fw.js और web-ui-fw-widget.css का उपयोग करके काम करता है। क्या आपने डेटा-रिले और डेटा-रोल के लिए पॉपअप के बजाय पॉपअपविंडो का उपयोग किया था? – QuickFix

मेरा मतलब था कि jquery-mobile popup .js/.css का उपयोग नहीं किया। वेब-यूई-एफडब्ल्यू का उपयोग करने से काम किया गया :-)। –

jquery मोबाइल पॉपअप काम नहीं कर रहा है?

उत्तर

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