TypeError:children.size不是jQuery的函数

Question

我找到了一个小插件,允许我将简单的页面添加到我的html表中.

我做的第一件事是创建一个新的js文件并添加以下代码.

(function ($) {

    $.fn.SimplePages = function (opts) {
        var self = this;

        var defaults = {
            perPage: 10,
            showPrevNext: false,
            hidePageNumbers: false
        };

        var settings = $.extend(defaults, opts);

        var listElement = self;
        var perPage = settings.perPage;
        var children = listElement.children();
        var pager = $('.pager');

        if (typeof settings.childSelector != "undefined") {
            children = listElement.find(settings.childSelector);
        }

        if (typeof settings.pagerSelector != "undefined") {
            pager = $(settings.pagerSelector);
        }

        var numItems = children.size();
        var numPages = Math.ceil(numItems / perPage);

        pager.data("curr", 0);

        if (settings.showPrevNext) {
            $('<li><a href="#" class="prev_link">«</a></li>').appendTo(pager);
        }

        var curr = 0;
        while (numPages > curr && (settings.hidePageNumbers == false)) {
            $('<li><a href="#" class="page_link">' + (curr + 1) + '</a></li>').appendTo(pager);
            curr++;
        }

        if (settings.showPrevNext) {
            $('<li><a href="#" class="next_link">»</a></li>').appendTo(pager);
        }

        pager.find('.page_link:first').addClass('active');
        pager.find('.prev_link').hide();
        if (numPages <= 1) {
            pager.find('.next_link').hide();
        }
        pager.children().eq(1).addClass("active");

        children.hide();
        children.slice(0, perPage).show();

        pager.find('li .page_link').click(function () {
            var clickedPage = $(this).html().valueOf() - 1;
            goTo(clickedPage, perPage);
            return false;
        });
        pager.find('li .prev_link').click(function () {
            previous();
            return false;
        });
        pager.find('li .next_link').click(function () {
            next();
            return false;
        });

        function previous() {
            var goToPage = parseInt(pager.data("curr")) - 1;
            goTo(goToPage);
        }

        function next() {
            goToPage = parseInt(pager.data("curr")) + 1;
            goTo(goToPage);
        }

        function goTo(page) {
            var startAt = page * perPage,
                endOn = startAt + perPage;

            children.css('display', 'none').slice(startAt, endOn).show();

            if (page >= 1) {
                pager.find('.prev_link').show();
            }
            else {
                pager.find('.prev_link').hide();
            }

            if (page < (numPages - 1)) {
                pager.find('.next_link').show();
            }
            else {
                pager.find('.next_link').hide();
            }

            pager.data("curr", page);
            pager.children().removeClass("active");
            pager.children().eq(page + 1).addClass("active");

        }
    };

}( jQuery ));

然后我试图像这样使用这个插件

$(function () {

    $('#UserToClientRelationTable').SimplePages(
    {
        pagerSelector: '#UserToClientRelationTablePager',
        showPrevNext: true,
        hidePageNumbers: false,
        perPage: 5
    });

});

不幸的是,此代码在控制台中不断给出以下错误

TypeError:children.size不是函数

并且,是的,我在加载此文件之前加载了jQuery.从表面上看,如果我删除此代码和分页,我的其余代码就没有错误.

我该如何解决这个问题？

Answer 1

size() 很久以前已被弃用并完全从jQuery 3中删除

规范是使用length财产

请参阅size()文档

如果您使用的是小于3的版本,则问题可能在其他地方,我们需要更多信息