jQuery मोबाइल में प्रोग्रामेटिक रूप से लोड संवाद?

Question

मैं jQuery मोबाइल में संवाद बनाने की कोशिश कर रहा हूं जो तब दिखाई देता है जब आप Google मानचित्र मार्कर पर क्लिक करते हैं।

नमूना यूआरएल: http://cyclestreets.darkgreener.com/location/ (मार्कर देखने के लिए लंदन, यूके स्थान पर स्क्रॉल करें)।

मैं वहाँ जिस तरह का हिस्सा मिल गया है, इस कोड के साथ:

google.maps.event.addListener(map_marker, 'click', function() { 
    $.mobile.changePage({ url: $("#photo"), data: "id=" + marker.id, type: "GET"}, 'pop', false, true); 
}); 

लेकिन, कुछ मुद्दों स्टाइल और डेटा के साथ क्या करना:

1. दिखाई देने वाले संवाद पूर्ण है स्क्रीन। क्या कोई तरीका है कि मैं इसे पार्ट-स्क्रीन, like the default jQuery Mobile dialogs बना सकता हूं, और इसके बारे में और Prefs संवाद on my home page की तरह?
2. शीर्षलेख में कोई करीबी लिंक नहीं है - जो फिर से, there is in the default jQuery mobile dialog। क्या मैं यह सुनिश्चित कर सकता हूं कि इसे हाथ से जोड़ने से कम?
3. संवाद में .live() ईवेंट में, मैं उस डेटा को कैसे उठा सकता हूं जिसे मैंने पास कर दिया है?

Answer 1

beta 1 के बाद से, एक div संवाद के रूप में प्रकट करने के लिए प्राप्त करने के लिए, div बजाय data-role="page" पर data-role="dialog" विशेषता का उपयोग।

Answer 2

function openPopup(element_id) 
{ 
    $.mobile.changePage(element_id, { transition: "pop", role: "dialog", reverse: false }); 
} 

Answer 3

कृपया ध्यान दें कि jQuery संवाद की आवश्यकता होती है वहाँ डेटा भूमिका सामग्री और हैडर divs हो कि स्टाइल के लिए उचित रूप से लागू किया जाना है। यह आपको हेडर में बंद बटन के साथ पूर्ण संवाद देगा।

<div data-role="dialog" id="dialog" > 
<div data-role="header"><h3>Oops!</h3></div> 
<div data-role="content"> 
    <p>You done screwed up, partner!</p> 
</div> 

</div>