如何在 jQuery 插件中编写回调处理程序 function

Question

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

(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);

如何让回调 function 正常工作？

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/