javascript - 如何在 jQuery 插件中编写回调处理函数

Question

我正在编写一个 jQuery 插件来处理事件触发后的回调函数。

(function($){
    return $.fn.myPlugin = function (options) {
         var defaults = {
             callback:defaultCallback,
             many_more_params:'default etc',
             many_more_params2:'default etc',
             etc:'default etc'
         }
         var settings = $.extend(defaults, options);

         var defaultCallback = function (params) {
             // do default actions with params
         }

         $(this).click (function () {
             var params = { param1:'hello', param2:'goodbye'};
             settings.callback(params);
         });
    };
})(jQuery);

在页面中我想像这样设置一个自定义回调

function customCallback (params) {
    // do custom actions with params
}

var opt = {
    callback:customCallback,
    many_more_params:'etc',
    many_more_params2:'etc',
    etc:etc
}
$('#id').myPlugin(opt);

如何让回调函数正常工作？

Answer 1

更改代码的顺序。放:

var defaultCallback = function (params) {
             // do default actions with params
}

之前

var defaults = {
     callback:defaultCallback,
     many_more_params:'default etc',
     many_more_params2:'default etc',
     etc:'default etc'
 }

它应该按照您希望的方式工作。

示例:http://jsfiddle.net/niklasvh/k5Wvb/