jquery - jQuery 插件 - 传递自定义事件

Question

我已经构建了自己的 jQuery 分页插件。见下文：

$.fn.extend({
    pager: function(options) {
        var settings = {
            pageSize: 10,
            onPageChanged: function() { }
        };

        if (options)
            $.extend(settings, options);

        return this.each(function() {
            // Trigger onPageChanged event
        });
    }
});

可以这样称呼：

$('#placeholder').pager({ pageSize: 20, onPageChanged: function() { alert('Page Changed!'); } });

我想知道如何触发通过插件中的选项传入的函数。我确定这很简单，但我似乎在文档中找不到任何帮助。

我会很感激帮助。谢谢

Answer 1

尝试使用：

settings.onPageChanged.call(this);

您还可以选择添加.call()将传递给函数的其他参数。

如果您想要一个可以在 $('#placeholder').on("onPageChanged",handler)以后绑定使用的真正自定义事件，请改为执行以下操作：

this.on("onPageChanged",settings.onPageChanged);

然后触发它：

this.triggerHandler("onPageChanged");