如何将项目放入分页并显示项目编号是否大于4

Question

在我的网站上，我对网站使用了分页。我每页不能制作6个项目。例如，如果我有10个项目，则首页上有6个项目，其他项目上有4个项目。另外，如果只有4个项目，我将无法隐藏它。

我遵循了文档，但是我的代码出了点问题。

对于hideOnlyOnePage方法，我尝试了hideOnlyOnePage：true;。

你能帮我吗？

这是我的代码

var lengthOfPage = $('.group').length;
 var defaultOpts = {
            totalPages: 5,
            startPage: 1,
            visiblePages: 2,
            //hideOnlyOnePage: true,
            hideOnlyOnePage: function(){
                if (lengthOfVideosOnPage < 8) {
                   console.log(lengthOfPage);
                    $('#pagin').hide();
                }else{
                    $('#pagin').show();
                }

            },
            onPageClick: function(event, page) {



                $('.page-link').each(function(i, element) {

                    if ($(this).html() == page) {
                        $(this).closest('.page-item').addClass('active');
                    }
                });

            },

        }

        var select = $('#pagin');
        $('#pagin').twbsPagination(defaultOpts);

    }

演示https://jsfiddle.net/uLe3bfc5/