javascript - 调用 jQuery 插件时未捕获类型错误

Question

我正在使用 jQuery 创建一个插件来对表格进行分页。最初，我的代码如下所示:

(function($) {
$.paginate = function(options) {

    var settings = $.extend({}, $.fn.paginate.defaults, options);

};

$.paginate.defaults = {
    pageSize: 10,
    nextText: 'Next',
    prevText: 'Prev',
    firstText: '<<'
    lastText: '>>'
}

})(jQuery);

对插件的调用如下:

<script type="text/javascript">
    $(document).ready(function(){
        $(".table").paginate({
            pageSize: 10
        });
    });
</script>

但是，jQuery 未找到分页功能。你能告诉我哪里出错了吗？

Answer 1

你搞乱了$.fn的使用

插件方法需要分配给$.fn才能使用$(selector).myPlugin()

$.fn.paginate = function(options) {...

那么你之间不匹配

 $.paginate.defaults

和

$.extend({}, $.fn.paginate.defaults
            // ^^ fn here but not above