Javascript 带Wookmark的JSCROL不工作

我正在使用 自动输入列表项并使其适合浏览器窗口。我想用 允许无限滚动，但当我实现它时，Woodmark会中断

我使用的是Laravel，这是我的刀片视图

<ul class="list-grid">
    <div class="scroller">
        @foreach($activities as $activity)
            <li>
                @include('php_includes.activities.activity', ['route' => 'activity-global','user_id' => null])
            </li>
        @endforeach 
        {{ $activities->links() }}
    </div>
</ul>

@foreach（$activities作为$activity）

@include（'php_includes.activities.activity'，['route'=>'activity global'，'user_id'=>null]）

@endforeach
{{$activities->links（）}

我在页脚中使用的使Woodmark工作的JS是：

<script type="text/javascript">
(function ($){
  $(function() {
    var $handler = $('.list-grid li');

    $handler.wookmark({
        // Prepare layout options.
         align: 'center',
         autoResize: true,
         comparator: null,
         container: $('html'),
         direction: undefined,
         ignoreInactiveItems: true,
         itemWidth: 560,
         fillEmptySpace: false,
         flexibleWidth: true,
         offset: 8,
         onLayoutChanged: undefined,
         outerOffset: 0,
         possibleFilters: [],
         resizeDelay: 50,
         verticalOffset: undefined
    });
  });
})(jQuery);
</script>

（函数（$）{
$（函数（）{
var$handler=$（'.list grid li'）；
$handler.wookmark({
//准备布局选项。
对齐：'居中'，
自动调整大小：正确，
比较器：空，
容器：$（'html'），
方向：未定义，
无知者：是的，
项目宽度：560，
fillEmptySpace:false，
flexibleWidth:true，
抵销：8，
onLayoutChanged:未定义，
Outerofset:0，
可能的筛选器：[]，
调整延迟：50，
垂直偏移：未定义
});
});
})（jQuery）；

这一切都很好，但当我尝试添加JScroll时，附加项（？page=2）与原始项（？page=1）重叠，并且？page=2项的木刻符号中断

我对JScroll的JS是：

$(document).ready(function(){
//hides the default paginator
    $('ul.pagination:visible:first').hide();

    $('div.scroller').jscroll({
        autoTrigger: true,
        nextSelector: '.pagination li.active + li a',
        contentSelector: 'div.scroller',
        animate: true,
        loadingHtml: '<div class="page-loading"><i class="uk-icon-spin uk-icon-spinner"></i></div>',
        callback: function() {

            //again hide the paginator from view
            $('ul.pagination:visible:first').hide();

        }
    });
});

$（文档）.ready（函数（）{
//隐藏默认分页器
$（'ul.pagination:visible:first'）.hide（）；
$（'div.scroller'）.jscroll({
自动触发：是的，
下一个选择器：'.pagination li.active+li a'，
contentSelector:'div.scroller'，
动画：对，
正在加载TML:“”，
回调：函数（）{
//再次从视图中隐藏分页器
$（'ul.pagination:visible:first'）.hide（）；
}
});
});

---

我对jQuery/JavaScript非常陌生。有人知道为什么会发生这种情况以及如何解决吗？

请看，人们的共识是“不，他们不应该”@Andreas Niedermir抱歉，我以为实际的插件名为“jQuery JScroll”