एक jquery UI संवाद के DOM स्थान को नियंत्रित करना

Question

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

यह

<section id="content"> 
</section> 
<div class="dialog"> the dialog </div> 

क्या करता है जो मैं चाहता

<section id="content"> 
<div class="dialog"> the dialog </div> 
</section> 

Answer 1

से मैं यह जानता हूँ सवाल थोड़ा पुराना है लेकिन मैं यह सुनिश्चित करना चाहता था कि किसी भी नए कॉमर्स को सही दिशा में इंगित किया गया हो। विकल्प "appendTo" संस्करण 1.10.0 में जोड़ा गया था।

$(".selector").dialog({ appendTo: "#someElem" }); 

आप के बारे में यह here

Answer 2

आप jQuery के append विधि का उपयोग कर सकते हैं।

$('#content').append('<div class="dialog"> the dialog </div>'); 

Answer 3

This link शायद कुछ उपयोग के लिए।
लेकिन जो चीज आप प्राप्त करना चाहते हैं वह मुझे jQuery UI लाइब्रेरी के मॉडल के खिलाफ थोड़ा सा लगता है। आप this page पर थीम टैब में निर्दिष्ट सीएसएस कक्षाओं का उपयोग करके संवाद शैली बना सकते हैं।
आप तत्व की आईडी हस्तांतरण कर सकते हैं, तो आप एक वर्ग के लिए एक संवाद में बनाने के लिए, चाहते हैं, तो आपको निम्न कोड

$(".dialog").dialog({ dialogClass: 'content' }); 

उपयोग कर सकते हैं और आप बदलाव को प्रतिबिंबित करने के लिए अपने सीएसएस अद्यतन करना चाहिए। इस प्रकार आप, परिचय नहीं है डुप्लीकेट आईडी-एस (भविष्य के काम में समस्याओं को जन्म दे और अर्थ की दृष्टि से सही नहीं है हो सकता है) यदि आप संवाद सामग्री

Answer 4

अंदर #content टैग नकल Custom CSS scope and jQuery UI dialog themes

// Create the dialog, but don't open it yet 
var d = $('#myDialogContents').dialog({ 
    autoOpen: false 
    // other dialog options 
}); 
// Take whole dialog and put it back into the custom scope 
d.parent('.ui-dialog').appendTo('.myCustomScope'); 
// Open the dialog (if you want autoOpen) 
d.dialog('open');