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

Question

jQuery .data() documentation说如下:

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

我假设“任何类型”也指函数。假设我有一个 id 为 foo 的 div:

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

我想在其中存储一个名为 say 的函数，该函数带有一个参数。根据文档，我会这样存储函数:

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

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

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

Answer 1

在数据中存储函数的更好替代方法是使用自定义事件。这可以通过 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。