बिना किसी तत्व के jquery ui के साथ एक मोडल संवाद दिखा रहा है?

Question

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

Answer 1

जब आप एक jQuery UI संवाद बॉक्स बनाते हैं, तो वर्तमान संस्करण (1.8। *) स्वचालित रूप से शरीर में संवाद जोड़ें।

तो अगर आप कार्य करें:

$('<div>').dialog({modal: true}) 

यह सिर्फ काम करता है। आपको यह सुनिश्चित करना चाहिए कि आप नए तत्व को हटाने के लिए संवाद बंद होने के साथ .remove() पर कॉल करें!

function myalert(title, text) { 
    var div = $('<div>').html(text).dialog({ 
     title: title, 
     modal: true, 
     close: function() { 
      $(this).dialog('destroy').remove(); 
     }, 
     buttons: [{ 
      text: "Ok", 
      click: function() { 
       $(this).dialog("close"); 
      }}] 
    }) 
}; 

myalert("Test", "This is a test modal dialog"); 

पूर्ण काम कर डेमो के लिए http://jsfiddle.net/alnitak/G3GRZ/ देखें।

Answer 2

बस इसे करते हैं:

$('<div>My dialog text.</div>').dialog({ modal: true });