2011-06-15 17 views
5

http://jsfiddle.net/jqrmh/jQuery यूआई स्थिति: जब विंडो का आकार बदलने

$(".one").position({ 
     "my": "right top", 
     "at": "right top", 
     "of": $(".main"), 
}); 

मैं अपने बॉक्स की जरूरत अभी भी रहने का अधिकार टॉप जब मैं विंडो का आकार बदलने ... मैं "टक्कर" इस्तेमाल करने की कोशिश: "फिट फिट" .. ... यह काम नहीं

http://jsfiddle.net/jqrmh/

(http://wiki.jqueryui.com/w/page/12138026/Position)

+0

बुरा अंग्रेज़ी :( – l2aelba

+0

http://jsfiddle.net/jqrmh/3/ – l2aelba

उत्तर

8

तुम बस आकार बदलने पर फिर से स्थिति किए जा सकेंगे:

http://jsfiddle.net/jqrmh/4/

function moveit() { 
    $(".one").position({ 
     "my": "right top", 
     "at": "right top", 
     "of": $(".main"), 
     "collision": "fit fit" 
    }); 
} 

$(window).resize(function(){ 
    moveit(); 
}); 

moveit(); 

वैकल्पिक रूप से, किसी अन्य कारण से आप बस उपयोग नहीं कर सकते सीएसएस नहीं है यह सोचते हैं:

बस माता पिता positon:relative सेट और बच्चे position:absolute निर्धारित किया है। फिर आप बच्चे को top:0; right:0 सेट कर सकते हैं।

http://jsfiddle.net/jqrmh/5/

+0

धन्यवाद के लिए खेद है इतना, मैं सीएसएस बारे में भूल गया: पी – l2aelba

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