使用 jQuery data() 方法存储函数

jQuery.data() 文档 http://api.jquery.com/data/说如下：

The .data()方法允许我们将任何类型的数据附加到 DOM 元素

我认为“任何类型”也指函数。假设我有一个 id 为 foo 的 div，如下所示：

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

我想在其中存储一个名为say它需要一个参数。 根据文档，我会这样存储函数：

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

我的问题是，当我希望这样做时，如何使用参数调用该函数。

$("#foo").data("say");应该返回该函数，但是我如何向它传递参数？

存储函数的更好替代方案data正在使用自定义事件。这可以很容易地完成on http://api.jquery.com/on/ and trigger http://api.jquery.com/trigger/:

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

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

例子：http://jsfiddle.net/tW66j/ http://jsfiddle.net/tW66j/

注意：在 jQuery 的早期版本（直到 1.7），.bind http://api.jquery.com/bind/被用来代替.on.