कैसे बंद करने और ओवरले jQuery मोबाइल मॉडल संवाद करने के लिए?

Question

मैं साथ jQuery मोबाइल अल्फा 4 के माध्यम से संवाद बॉक्स प्रदर्शित ajax की तरह:

उत्तराधिकारी कॉलबैक के भीतर:

success: 
$j('#wchkdiv').html(msg); 
$j("#wchkdiv").dialog(); 
$.mobile.changePage($('#wchkdiv'), 'pop', false, true); 

कोड से ऊपर अच्छी तरह से अपनी उपस्थिति में संक्रमण के लिए html पृष्ठ में कुछ पाठ है जब संवाद का कारण बनता है पर क्लिक किया गया (एंकर टैग नहीं) जिस पर जावास्क्रिप्ट बाइंड पर क्लिक करता है।

अब संवाद के भीतर मैं कोड की तरह:

<form id="gform" name="gform" class="formbody" method="post"> 
<input class="btns" type="button" onclick="return wchkSubmit(event,'tryAgain');" 
    name="tryAgain" value="Try Again"/> 
</form> 

जब पुन: प्रयास करें बटन क्लिक किया गया है, मैं इस जावास्क्रिप्ट जो संवाद पास (अन्य बातों के यह करने की जरूरत के अलावा) बनाना चाहिए के माध्यम से संभाल चाहिए, और संवाद पृष्ठ से पहले दिखाया गया सामग्री पृष्ठ दिखाया गया था, अब फिर से दिखा रहा है। इसका मतलब है कि यह कारण नहीं चाहिए किसी भी पृष्ठ reloading और संवाद बॉक्स ब्राउज़िंग इतिहास का हिस्सा नहीं होना चाहिए।

यह एक और बड़ा प्लस होगा यदि आप मुझे दिखा सकते हैं कि एचटीएमएल पेज की सामग्री के साथ एचटीएमएल पेज के शीर्ष पर स्क्रीन ओवरलेइंग के हिस्से में दिखाई देने के लिए मैं jquery मोबाइल संवाद कैसे बना सकता हूं या किसी प्रकार का पारदर्शिता प्रभाव? वर्तमान में संवाद पूरी स्क्रीन लेता है।

$j("#wchkdiv").dialog('close'); 

पर संवाद पॉपअप बनाने के लिए के रूप में:

Answer 1

लाइव उदाहरण: http://jsfiddle.net/ReMZ6/4/

एचटीएमएल

<div data-role="page" data-theme="c" id="page1"> 
    <div data-role="content"> 
     <p>This is Page 1</p> 
     <button type="submit" data-theme="a" name="submit" value="submit-value" id="submit-button-1">Open Dialog</button> 
    </div> 
</div> 

<div data-role="page" data-theme="a" id="page2"> 
    <div data-role="content"> 
     <p>This is Page 2</p> 
     <button type="submit" data-theme="e" name="submit" value="submit-value" id="submit-button-2">Close Dialog</button> 
    </div> 
</div> 

जे एस

$('#submit-button-1').click(function() { 
    $.mobile.changePage($('#page2'), 'pop', false, true); 
}); 

$('#submit-button-2').click(function() { 
    alert('Going back to Page 1'); 
    $.mobile.changePage($('#page1'), 'pop', false, true); 
}); 

Answer 2

मैं सकारात्मक नहीं मैं पूरी तरह पालन करें आप जावास्क्रिप्ट के माध्यम से संवाद को बंद करने के लिए कोशिश कर रहे हैं, लेकिन, कर रहा हूँ, तुम सब करने की जरूरत है कॉल है एक ही "पेज", मैं तुम्हें jQM चयन सूचियों के व्यवहार की बात कर रहे अनुमान लगा रहा हूँ? यदि हां, तो मेरे सर्वोत्तम ज्ञान के लिए, यह संभव नहीं है - उस अंत में मैंने वास्तव में संवाद का अपना संस्करण लिखा था, डेमो यहां पाया जा सकता है: http://dev.jtsage.com/jQM-SimpleDialog/

यदि मैं पूरी तरह से इस बिंदु को याद करता हूं, तो कृपया मुझे पता है और मैं देखूंगा कि मैं कुछ अंतर्दृष्टि जोड़ सकता हूं या नहीं।

Answer 3

आप जो खोज रहे हैं करने के लिए निकटतम बात शायद jtsage के jQuery-मोबाइल-simpledialog

है

+०१२३३६८८८७५

HTML:

<p>You have entered: <span id="dialogoutput"></span></p> 
<a href="#" id="dialoglink" data-role="button">Open Dialog</a> 

जावास्क्रिप्ट:

$('#dialoglink').live('vclick', function() { 
    $(this).simpledialog({ 
    'mode' : 'string', 
    'prompt' : 'What do you say?', 
    'buttons' : { 
     'OK': { 
     click: function() { 
      $('#dialogoutput').text($('#dialoglink').attr('data-string')); 
     } 
     }, 
     'Cancel': { 
     click: function() { return false; }, 
     icon: "delete", 
     theme: "c" 
     } 
    } 
    }) 
}) 

Answer 4

मैंने पाया $('.ui-dialog').dialog('close'); एक जे एस के माध्यम से बातचीत बंद करने के लिए काम करता है।

और, $.mobile.changePage('#pageID', {transition: 'pop', role: 'dialog'}); पॉप संवाद दिखाने के लिए।