jquery - 处理 jQuery 插件中的事件

Question

我正在编写一个 jQuery 插件，但在处理事件时遇到了困难。

例如，我希望用户能够指定一个函数来处理我的保存事件

他会这样配置

$(".foo").bar({
  save: function (x,y){
     alert("whatever");
  })
});

但我不知道如何从我的插件中调用它以及如何传递参数......

感谢您的阅读!

Answer 1

您的插件代码将如下所示:

$.fn.bar = function(options) {
    options = $.extend({}, {/*your default options*/}, options);
});

当你想调用用户提供的函数时，调用它:

options.save(x, y); // or whatever x and y are

如果您想调用该函数以使变量 this 在该函数中具有有用的含义，请使用 call :

options.save.call(somevar, x, y);

这会将回调中的 this 设置为 somevar。例如，如果您希望回调具有调用 bar 的选择，则可以执行 options.save.call(this, x y);