2013-02-21 50 views
8

में काम नहीं कर रहा है मेरी JQuery मोबाइल साइट में मैंने पृष्ठ लोड होने पर खोलने के लिए टूल-टिप संवाद बॉक्स जोड़ा है और यह 5sec के बाद गायब हो जाएगा । मेरे कोड है, इस प्रकार के समान हैJQuery मोबाइल टूल-टिप पॉपअप ("क्लोज़") फ़ंक्शन आईफोन 5

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

    <script type="text/javascript"> 
$(document).live('pagechange',function(event){ 
    $('#popupInfo').popup("open") 
     setTimeout(function() { 
     $('#popupInfo').popup("close"); 
     }, 5000); 
    }); 
    </script> 

यह अद्यतन को छोड़कर IPhone 5 में IOS 6 सभी उपकरणों में ठीक काम कर रहा है। क्योंकि जब मैंने आईफोन 5 आईओएस 6 डिवाइस में उपरोक्त स्क्रिप्ट के साथ अपना JQuery मोबाइल पेज लोड करने का प्रयास किया, तो पॉपअप बंद होने पर यह मुझे पिछले पृष्ठ पर रीडायरेक्ट करता है। मुझे यकीन नहीं है कि मैं यहां क्या चूक गया हूं लेकिन मेरे लिए ऐसा लगता है कि jQuery मोबाइल पॉपअप ("बंद करें") फ़ंक्शन आईफोन 5 आईओएस 6 के लिए समर्थन नहीं कर रहा है।

इसके अलावा जब उपकरण की नोक लोड यूआरएल हम कैसे बच सकते हैं इस #&ui-state=dialog

किसी को भी मुझे पता है कृपया सकते हैं हम इस मुद्दे कैसे हल कर सकते हैं करने के लिए हैश टैग पाठ appending निम्नलिखित?

मैंने कोड के बाद भी कोशिश की है;

$(document).on('pagechange',function(event){ 
     $('#popupInfo').popup("open").delay(2000).popup("close"); 

    }); 

लेकिन यह सब

+0

क्या आपको हल हो गया है? – Omar

+0

इस स्थिति का पीछा करने के लिए एक बड़ा धन्यवाद। मैं जल्द ही आपको इस पर अपडेट कर दूंगा। –

उत्तर

14

पर काम नहीं कर रहा समझ गया। data-history="false"popupBasic पॉपअप div में जोड़ें।

<!-- Button/works without it --> 
<a href="#popupBasic" data-rel="popup">Open Popup</a> 

<!-- Popup #popupBasic --> 
<div data-role="popup" id="popupBasic" data-history="false"> 
<p>This is a completely basic popup.<p> 
</div> 

जे एस:

<script type="text/javascript"> 

$(document).live('pagechange',function(){ 
$('#popupBasic').popup("open") 
    setTimeout(function() { 
    $('#popupBasic').popup("close"); 
    }, 5000); 
}); 

</script> 

JSfiddle: Popup

+0

इसके लिए धन्यवाद लेकिन अभी भी समस्या बनी हुई है। कृपया ऑनलाइन एमुलेटर के साथ मेरी टेस्ट फ़ाइल जांचें। टेस्ट लिंक: ** http: //www.apartmentslanka.com/ztest_calender/zfr/index_a.html**। ऑनलाइन एमुलेटर लिंक: ** http: //iphonetester.com/** –

+0

अद्यतन उत्तर की जांच करें। – Omar

+0

अब यह बढ़िया काम कर रहा है! और फिर आपके लिए बड़ा धन्यवाद। –

1

इसके अलावा alternatively..jquery मोबाइल पॉप-अप एक div के साथ आईडी = "yourpopupid-पॉपअप" तो आप बस छिपा कर सकते हैं होने के चारों ओर वह div

उदाहरण के लिए

: $ ('#: < div id = "बुनियादी" डेटा-भूमिका = "पॉपअप"> मैं पॉप अप </div> , तो आप इसके द्वारा बंद कर सकते हैं कर रहा हूँ बुनियादी-पॉपअप ') को छिपाने()।;

1

दो उपयोग कार्य() को छुपाने या आप बटन

0

मैं उपकरण पट्टी मेनू (jQuery मोबाइल 1.2) के लिए पॉपअप का उपयोग करने में एक ही समस्या का सामना करना पड़ा है क्लिक करने पर करीब() फ़ंक्शन का उपयोग कर सकते हैं। उदाहरण के लिए:

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

<!-- Popup #popupBasic --> 
<div data-role="popup" id="popupBasic" data-history="false"> 
<ul data-role="listview" data-inset="true"> 
<li><a href='item1.html'>Item1</a></li> 
</ul> 
</div> 

कोड से ऊपर iPhone 5 पर काम नहीं करता है (लेकिन एंड्रॉयड, iPhone4 आदि पर काम करता है)। यदि मैं इसे नीचे के रूप में बदलता हूं तो यह काम करता है।

<a data-ajax="false" href='item1.html'>Item1</a> 

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

  • कोई संबंधित समस्या नहीं^_^