我正在使用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未找到分页函数。你能告诉我我要去哪里了吗?

最佳答案

您正在弄乱使用$.fn

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

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


那你之间就不匹配了

 $.paginate.defaults




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

关于javascript - 调用jQuery插件时未捕获TypeError,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53343633/

10-12 15:41