2011-03-12 12 views
6

मुझे jQuery UI स्थिति फ़ंक्शन के साथ एक अजीब समस्या का सामना करना पड़ रहा है।jQuery UI स्थिति फ़ंक्शन समस्या जब पैरेंट div स्क्रीन पर दिखाई नहीं दे रहा है

एक पैरेंट div है, स्क्रीन के ऊपर बड़ा और इसके अंदर एक और छोटा div है। मेरा कार्य छोटे div को इसके माता-पिता के नीचे स्थित स्थान पर बताएं।

जब नीचे दिखाई देता है, तो सब ठीक है, लेकिन जब विंडो आकार के कारण नीचे दिखाई नहीं देता है, तो स्थिति फ़ंक्शन काम नहीं करता है।

आसान समझ बनाने के लिए एक ड्रॉ का पालन करें ... enter image description here

और समारोह का उपयोग कर इम है।

$("#_GREEN_div").position({ 
     of: $("#_RED_div"), 
     my: "left bottom", 
     at: "left bottom" 
    }); 

संपादित करें: JSFiddle - jsfiddle.net/Steve_Wellens/5Zdac (धन्यवाद स्टीव, महान उपकरण)

+0

यहां समस्या का एक JSFiddle है: http://jsfiddle.net/Steve_Wellens/5Zdac/ –

+0

[यहां एक है] (http://jsfiddle.net/5Zdac/3/) जो संभवतः समस्या को इंगित करता है। मैं फ़ायरफ़ॉक्स 4.0b12 पर एक ही व्यवहार का अनुभव कर रहा हूं। –

+0

मुझे लगता है कि आंतरिक div स्थिति पूर्ण है। आप सीएसएस विशेषता का उपयोग कर सकते हैं - नीचे: 0px – yoavmatchulsky

उत्तर

7

मुझे लगता है कि आप भी टक्कर विशेषता का उपयोग करना चाहिए:

$("#_GREEN_div").position({ 
    of: $("#_RED_div"), 
    my: "left bottom", 
    at: "left bottom", 
    collision: 'none' 
}); 

इस तरह "मेरी DIV" हमेशा रहेंगे नीचे बाईं ओर।

+0

सही। बहुत बहुत धन्यवाद। मुझे लगता है कि यह डिफ़ॉल्ट व्यवहार होना चाहिए ... – RobertoBr

+0

धन्यवाद दोस्त, मैं इस छोटी सी चीज़ के लिए पूरे वेब पर खोज करता हूं। यह वास्तव में एक दर्द था। वास्तव में यह डिफ़ॉल्ट होना चाहिए –

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