2011-11-04 17 views
12

मैं कैसे jQuery यूआई संवाद विशेष रूप से रख सकते हैं, इतना है कि यह केंद्र, शीर्ष द्वारा परिभाषित नहीं करने की स्थिति में चला जाता है, आदिस्थिति jQuery यूआई संवाद

धन्यवाद, मैं posible के रूप में के रूप में विशिष्ट होने की कोशिश की है।

+1

http://stackoverflow.com/questions/744554/jquery-ui-dialog-positioning – Dev

उत्तर

25

position विकल्प का उपयोग करना: http://jqueryui.com/position/

निर्दिष्ट करता है जहां संवाद प्रदर्शित किया जाना चाहिए। संभावित मूल्य:

1) एक एकल स्ट्रिंग व्यूपोर्ट के भीतर स्थिति का प्रतिनिधित्व करती है: 'केंद्र', 'बाएं', 'दाएं', 'शीर्ष', 'नीचे'।
2) एक सरणी एक एक्स युक्त, वाई समन्वय पिक्सेल में जोड़ी छोड़ दिया, व्यूपोर्ट के शीर्ष कोने से ऑफसेट (जैसे [350,100])
3) एक सरणी एक्स युक्त, वाई स्थिति स्ट्रिंग मान (जैसे [ 'सही' , शीर्ष दाएं कोने के लिए 'शीर्ष']।

उदाहरण के लिए: $(".selector").dialog("option", "position", [350,100]);

+3

ध्यान दें कि स्थिति की इस सरणी प्रपत्र अब बहिष्कृत है http://api.jqueryui.com/dialog/#option-position – Cheekysoft

7

आप निरपेक्ष स्थिति का उपयोग करना चाहते हैं, तो संवाद के position विकल्प है कि तुम क्या जरूरत है।

उदाहरण के लिए:

// div to position against 
var $div = $('#someDiv'); 

// Open dialog (positioning won't work on hidden elements) 
$dialog.dialog('open'); 

// position newly opened dialog (using its parent container) below $div. 
$dialog.dialog('widget').position({ 
    my: "left top", 
    at: "left bottom", 
    of: $div 
}); 
+0

@ चेकेसॉफ्ट आपकी टिप्पणी का अर्थ यह है कि इस फ़ॉर्म को बहिष्कृत किया गया है। यह एक सरणी का उपयोग नहीं कर रहा है, लेकिन ऑब्जेक्ट पैरामीटर, जो स्थिति विधि के लिए वांछित पैरामीटर प्रकार है। आप यह कहकर सही हैं कि सरणी और स्ट्रिंग पैरामीटर फॉर्म बहिष्कृत हैं। –

17

यह आपके प्रश्न का सटीक उत्तर नहीं है: आप अन्य तत्वों के सापेक्ष स्थिति की जरूरत है, वहाँ एक और आसान तकनीक का उपयोग करें, jQuery यूआई के $('selector').position(options); (http://jqueryui.com/demos/position/ में देखा) है , लेकिन आप 'शीर्ष' मिश्रण कर सकते हैं पिक्सेल मूल्यों के साथ, इस तरह:

$('#widget').dialog({ 
    position: ['top', 100] 
}); 

यह संवाद एक्स अक्ष, ऊपर से 100 पिक्सल नीचे के साथ केंद्रित स्थिति होगी।

+0

बस इतना ही आप जानते हैं, 'शीर्ष' घटक इस उदाहरण में कुछ भी नहीं कर रहा है। जब आप स्थिति विकल्प में सरणी पास करते हैं, तो यह एक ['x, y]' समन्वय जोड़ी] (http://api.jqueryui.com/dialog/#option-position) की अपेक्षा कर रहा है। स्ट्रिंग को पूर्णांक के रूप में पार्स नहीं किया जा सकता है, इसलिए डिफ़ॉल्ट क्षैतिज स्थिति केंद्र के रूप में रहती है। आप किसी भी स्ट्रिंग के साथ 'टॉप' भाग को प्रतिस्थापित कर सकते हैं और यह अभी भी वैसे ही काम करेगा: [** फिल्ड डेमो **] (http://jsfiddle.net/KyleMit/978UW/) – KyleMit

+0

उस स्पष्टीकरण के लिए धन्यवाद। – camainc

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