Jquery 在laravel 5中无限滚动

我在laravel中使用带分页的infinitescrolling。我有8张记录我的记录限制是4张。分页工作正常。分页链接带有2页（4*4页）。但现在我想使用无限滚动

我用的是无限卷轴

我已将jquery.infinitescroll.min.js包含在查看页面中。然后写剧本但向下滚动不会产生任何效果。

我的查看页面：

             <div class="content" id="content">
                @foreach($item['hits'] as $key => $data )
                   @include('general::partials.product-list')
                @endforeach
             </div>
                {!!$item->render()!!}

<script type="text/javascript" src="{{ asset('/themes/'.Theme::getCurrent().'/js/jquery.infinitescroll.min.js') }}"></script>
<script type="text/javascript">
    $(function() {
    var loading_options = {
        finishedMsg: "<div class='end-msg'>Congratulations! You've reached the end of the internet</div>",
        msgText: "<div class='center'>Loading news items...</div>",
        img: "/assets/img/ajax-loader.gif"
    };

    $('#content').infinitescroll({
        loading: loading_options,
        navSelector: "ul.pagination",
        nextSelector: "ul.navigation a:first",
        itemSelector: "#content div.cat-item"
    });
}); 
</script>

@foreach（$item['hits']作为$key=>$data）
@包括（'general:：partials.product list'）
@endforeach
{！！$item->render（）！！}

我的脚本：

             <div class="content" id="content">
                @foreach($item['hits'] as $key => $data )
                   @include('general::partials.product-list')
                @endforeach
             </div>
                {!!$item->render()!!}

<script type="text/javascript" src="{{ asset('/themes/'.Theme::getCurrent().'/js/jquery.infinitescroll.min.js') }}"></script>
<script type="text/javascript">
    $(function() {
    var loading_options = {
        finishedMsg: "<div class='end-msg'>Congratulations! You've reached the end of the internet</div>",
        msgText: "<div class='center'>Loading news items...</div>",
        img: "/assets/img/ajax-loader.gif"
    };

    $('#content').infinitescroll({
        loading: loading_options,
        navSelector: "ul.pagination",
        nextSelector: "ul.navigation a:first",
        itemSelector: "#content div.cat-item"
    });
}); 
</script>

$（函数（）{
变量加载_选项={
finishedMsg：“祝贺你！你已经到达了互联网的尽头”，
msgText：“正在加载新闻项…”，
img:“/assets/img/ajax loader.gif”
};
$（'#content'）。无限滚动({
加载：加载选项，
导航选择器：“ul.分页”，
下一个选择器：“ul.navigation a:first”，
项目选择器：“#内容div.cat-item”
});
}); 

当您试图执行脚本时，它似乎尚未加载。使用此结构：

$( document ).ready()

---

只有在加载所有JS文件时，它才会运行代码。

进入浏览器，检查输出HTML（而不是代码检查器）并查看Laravel生成链接到

jquery.infinitescroll.min.JS的部分。这个链接代码正确吗？它在我的脚本函数之前创建链接。是的，但是链接正确吗？浏览器似乎没有加载
jquery.infinitescroll.min.js
。是的，通过打开该链接，该链接是正确的。我可以在browserOk中看到该js文件的代码，尝试在主布局中加载脚本（不只是在包含或部分中），因此它将始终与任何页面一起加载。另外，使用
$（document）.ready（）