2011-06-08 25 views
11

मेरे पास jquery मोबाइल में एक टूलबार है, जो लिंक के समूह से बना है, जो मेरे जावास्क्रिप्ट एप्लिकेशन के शीर्ष पर "पॉप" मोडल डायलॉग बॉक्स लोड करता है।jQuery मोबाइल में एक संवाद कैसे दिखाएं

इस तरह

:

  • जानकारी
  • कहाँ आईडी के साथ div = एक डेटा-भूमिका = "पेज" है "के बारे में"। मैं कोड से एक ही संवाद खोलना चाहता हूं, शायद बटन हैंडलर के हिस्से के रूप में, लेकिन मुझे ऐसा करने का कोई तरीका नहीं मिल रहा है।

    यह कोड काम नहीं करता है। यह केवल मेरे बारे में "पृष्ठ" के तत्वों को पारदर्शी रूप से मेरे सही पृष्ठ (बिना स्टाइल के) पर दिखाता है। मैं यह कैसे करु?

    $("#buttAbout").click(function() { 
        $('#about').show(); 
        return false; 
    }); 
    

    उत्तर

    22

    ऐसा लगता है कि jQuery मोबाइल के संवाद jQuery UI के लिए काफी अलग हैं। यह आप क्या चाहते हैं करना चाहिए:

    $.mobile.changePage('#about','pop',false,true)

    प्रलेखन changePage के लिए here है। असल में, पहला तर्क आपके इच्छित पृष्ठ को ढूंढने के लिए स्ट्रिंग है (एक तत्व आईडी, jQuery ऑब्जेक्ट, या एक पृष्ठ यूआरएल हो सकता है), दूसरा तर्क पृष्ठ संक्रमण है, तीसरा संक्रमण की दिशा है (आगे के लिए झूठी, सच पीछे की ओर), और अंतिम तर्क यह है कि क्या आप संक्रमण के बाद पेज यूआरएल अपडेट करना चाहते हैं। मुझे लगता है कि आपको यह सुनिश्चित करने की भी आवश्यकता होगी कि सही इतिहास/स्टाइल व्यवहार सुनिश्चित करने के लिए data-role विशेषता आपके संवाद के लिए div पर dialog पर सही ढंग से सेट की गई है।

    +0

    जब मैं इसे आज़माता हूं तो मुझे जावास्क्रिप्ट कंसोल संदेश मिलता है: अनचाहे प्रारंभिकरण से पहले संवाद पर विधियों को कॉल नहीं कर सकता; विधि 'ओपन' कॉल करने का प्रयास किया। – Gerry

    +4

    क्या आपने पहले संवाद शुरू किया है? मानक jQuery में, आप इस के साथ संवाद आरंभ करने होंगे:। ("के बारे में #") '$ संवाद()' या इस: '$ (" के बारे में # ") संवाद ({AutoOpen। : झूठी}) ' इससे पहले कि आप खुले कॉल कर सकें। ('ऑटो ओपन: झूठा' संस्करण jQuery को बताता है कि जब आप पहली बार इसे प्रारंभ करते हैं तो संवाद को खोलने के लिए नहीं - जो शायद आप चाहते हैं कि व्यवहार)। मैं इस कोड को '$ (फ़ंक्शन() {....}) के अंदर डाल दूंगा, इसलिए यह पेज लोड पर चलता है। एक बार ऐसा करने के बाद, जब भी आप चाहें तो कोड कहीं और खोलने में सक्षम होना चाहिए। यदि यह मदद नहीं करता है, तो मेरे पास आज रात jQuery मोबाइल के साथ एक खेल होगा :) –

    +0

    किसी कारण से यह jquery मोबाइल के साथ काम नहीं करता है। इस टिप्पणी के लिए मेरा कोड उदाहरण बहुत बड़ा है, लेकिन अगर मैं क्वेरीमोबाइल को शामिल करता हूं तो इसमें काम नहीं होता है। Jquery-ui.js के साथ इसके बजाय यह काम करता है। – Gerry

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