Lưu trữ một chức năng với các dữ liệu jQuery() phương pháp

Question

Các jQuery .data() documentation nói như sau:

The .data() method allows us to attach data of any type to DOM element 

tôi giả "bất kỳ loại" đề cập đến chức năng là tốt. Giả sử tôi có div với id foo như vậy:

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

Và tôi muốn lưu trữ một hàm trong đó gọi là say có tham số. Theo tài liệu tôi muốn lưu trữ các chức năng theo cách này:

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

Câu hỏi của tôi là, làm thế nào để gọi hàm với một tham số khi tôi muốn làm như vậy.

$("#foo").data("say"); phải trả về hàm, nhưng làm cách nào để chuyển một tham số cho hàm?

Cảm ơn!

Answer 1

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

Answer 2

Một lựa chọn tốt hơn để lưu trữ các chức năng trong data đang sử dụng các sự kiện tùy chỉnh. Điều này có thể được thực hiện dễ dàng với on và trigger:

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

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

Ví dụ: http://jsfiddle.net/tW66j/

Lưu ý: trên các phiên bản trước đó của jQuery (cho đến 1.7), .bind được sử dụng thay cho .on.

Answer 3

Đây là cách thanh lịch hơn để gọi phương thức.

// 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']); 

Áp dụng Phương pháp: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/apply

Gọi Phương pháp: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call