jQuery डेटा() विधि

Question

के साथ एक समारोह भंडारण jQuery .data() documentation निम्नलिखित कहते हैं। मैं इस तरह के रूप आईडी foo के साथ एक div है कहते हैं:

<div id="foo">Foo!</div> 

और मैं एक समारोह में यह say है कि एक पैरामीटर लेता है कहा जाता है स्टोर करने के लिए करना चाहते हैं। प्रलेखन के अनुसार मैं समारोह इस तरह की दुकान चाहते हैं:

$("#foo").data("say", function(message){ 
    alert("Foo says "+message); 
}); 

मेरा प्रश्न है, मैं कैसे एक पैरामीटर के साथ समारोह आह्वान करते जब मैं ऐसा करने के लिए कामना करता हूं।

$("#foo").data("say"); फ़ंक्शन को वापस करना चाहिए, लेकिन मैं इसे पैरामीटर कैसे पास करूंगा?

धन्यवाद!

Answer 1

var myFunction = $("#foo").data("say"); 
myFunction(someParameter); 

Answer 2

data में कार्यों भंडारण कस्टम घटनाओं उपयोग कर रहा है के लिए एक बेहतर विकल्प। यह on और trigger के साथ आसानी से किया जा सकता है:

$('#foo').on('say', function(e, arg){ 
    alert('Foo says ' + arg); 
}); 

$('#foo').trigger('say', 'hello'); 

उदाहरण: http://jsfiddle.net/tW66j/

नोट: jQuery (1.7 तक) के पिछले संस्करणों पर, .bind.on के बजाय इस्तेमाल किया गया था।

Answer 3

विधि को कॉल करने के लिए यहां एक और शानदार तरीका है।

// store the method with data 
$('#foo').data('bar',function(){console.log("Givin it the business!")}); 

// Simple execution (this will not keep the method in scope) 
$('#foo').data('bar')(); 

// scoped method execution with call([scope,arguments[]]), takes arguments with comma separation 
$('#foo').data('bar').call($('#foo').first()[0],'arguemnts','for','method'); 

// scoped method execution with apply(scope[,argument[]]), takes an array of arguments 
$('#foo').data('bar').apply($('#foo').first()[0],['arguemnts','for','method']); 

लागू विधि: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/apply

कॉल विधि: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call