laravel 5中的无限滚动

Question

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

对于无限滚动，我使用https://github.com/infinite-scroll/infinite-scroll

我在视图页面中包含了 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>

Answer 1

当您尝试执行脚本时，您的脚本似乎尚未加载。使用这种结构：

$( document ).ready()

只有当所有 JS 文件都加载完毕时才会运行代码。