Question

我在laravel中使用infinitescrolling with pagination。我有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文件时才会运行代码。

laravel 5中的无限滚动

1 个答案: