परिवर्तक को jquery एनिमेट फ़ंक्शन गुणों में कैसे पास किया जाए?

Question

function SlideObject(Side) { 
    $("#div").animate({ 
     margin+Side: "-1000px", 
     opacity: "hide" 
    }, 1000); 
} 

मैं एनिमेट फ़ंक्शन के लिए संपत्ति पहचानकर्ता (मार्जिन) के नाम पर "साइड" के मान को पास करना चाहता हूं।

मुझे पता है कि "मार्जिन + साइड" मान्य नहीं है, यह केवल एक जगह धारक के रूप में है। उदाहरण के लिए यदि मैं संपत्ति नाम मैन्युअल रूप से निर्दिष्ट करना था तो यह एक उदाहरण नाम देने के लिए "मार्जिन लाइफ" हो सकता है। मैं SlideObject फ़ंक्शन के पैरामीटर के रूप में "बाएं", "दाएं", "शीर्ष" या "नीचे" की आपूर्ति करना चाहता हूं।

मुझे यह करने में परेशानी हो रही है और एक उदाहरण अद्भुत होगा।

धन्यवाद

Answer 1

सबसे पहले, यह करने के लिए नहीं उपयोग eval() है। इसकी आवश्यकता नहीं है और इससे आपकी साइट कमजोरियों तक खुलती है यदि आप किसी भी तरह से उपयोगकर्ता इनपुट का उपयोग कर रहे हैं (प्रत्यक्ष या परोक्ष रूप से)। यह करने के लिए सही तरीका है:

और जावास्क्रिप्ट:

function slideObject(side) { 
    var anim = {opacity: 0}; 
    anim["margin" + side] = "-1000px"; 
    $("#div").animate(anim, 1000); 
} 

$(function() { 
    slideObject("Left"); 
}); 

आप ध्यान दें हूँ कि opacity मूल्य बदल गया है 0 पर hide है

<div id="div">This is a test</div> 

सीएसएस के साथ

opacity के लिए वैध मान नहीं है।

मूल रूप से आप अज्ञात ऑब्जेक्ट बनाते हैं और फिर [] का उपयोग करके एक गतिशील प्रॉपर्टी असाइन करते हैं।