पोजिशनिंग jquery ui संवाद बॉक्स

Question

शरीर के अंदर एक div तत्व के संबंध में jquery ui संवाद बॉक्स को कैसे स्थिति दें?

Answer 1

शायद यह आप अंदाजा हो सकता है कि यह कैसे करना है:

HTML:

<div id="one" class="divs"></div> 
<div id="two" class="divs"></div> 

सीएसएस:

.divs { 
    float: left; 
    height: 48px; 
    width: 80px; 
    border: 1px solid #55f; 
} 

जे एस:

$(document).ready(function(){ 
    var $div = $('#two'); 
    var left = $div.offset().left; 
    var top= $div.offset().top; 
    $('<p>Some dialog</p>').dialog({position: [left + 20, top + 20]}); 
}); 

यहाँ demo के लिए लिंक है।

jQuery offset() दस्तावेज़ के सापेक्ष तत्व पोस्टियन देता है, जबकि position() ऑफसेट माता-पिता के सापेक्ष रिटर्न देता है।

Answer 2

http://api.jquery.com/offset/ दिखाता है कि एक div तत्व के निर्देशांक कैसे प्राप्त करें। लेकिन प्रत्यक्ष उपयोग पर्याप्त नहीं हो सकता क्योंकि यह लेआउट संरचना (फ्लोट, मार्जिन इत्यादि) पर निर्भर करता है।

Answer 3

उपयोग jQuery position function या jQuery UI one

$('#dialog').position({of: $('#your_div')});