एनिमेटिंग jQuery यूआई स्थिति()

Question

position({of:,my:,at:}) का उपयोग करके मैं वर्तमान स्थिति से केंद्र में कैसे एनिमेट कर सकता हूं? क्या प्रक्रिया को स्वचालित करने का कोई तरीका है, या क्या मुझे सीएसएस गुणों को मैन्युअल रूप से एनिमेट करना है?

Answer 1

क्या आपने .animate() पर देखा है?

संपादित करें: अब जब मैं समझता हूं कि आप थोड़ा बेहतर खोज रहे हैं, here is a jQuery plugin that I wrote to do this very thing।

Here's a quick jsFiddle as an example।

मैंने विकल्पों को कॉन्फ़िगर करने योग्य ऑब्जेक्ट बनाया है। उदाहरण:

$('#clickme').click(function() { 
    $('#blah').align({speed:1000,y:false}); 
});​ 

संपादित करें: अन्य कोड निकालना क्योंकि यह अब आवश्यक नहीं है और केवल अव्यवस्थित चीजें हैं। मेरा नया कोड साफ करना ऑफसेट पेरेंट पोजिशनिंग मुद्दों को ऑफसेट करें। स्रोत के नवीनतम संस्करण का उपयोग कर गिट रिपोजिटरी और जेएसफ़िल्ड के लिए एक लिंक जोड़ा गया।

Answer 2

यह उत्तर फरवरी में वापस आ गया है, लेकिन अब एक आसान तरीका है।

स्थिति विधि केवल इस उद्देश्य के लिए using तर्क लेती है। उदाहरण के लिए:

$(div).position({ 
    at: "left+50% top+50%", 
    of: $(div).parent(), 
    using: function(css, calc) { 
     $(this).animate(css, 200, "linear"); 
    } 
});