文章/答案/技术大牛

发布

社区首页 >问答首页 >无限滚动的龙舌兰5

问无限滚动的龙舌兰5
EN

Stack Overflow用户

提问于 2016-03-11 07:41:38

回答 1查看 1.8K关注 0票数 2

我用的是无穷无尽的卷轴，用的是有页码的拉拉。我有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>

infinite-scroll

jquery

laravel

laravel-5

回答 1

Stack Overflow用户

发布于 2016-03-11 07:44:21

当您试图执行脚本时，您的脚本似乎还没有加载。使用此结构：

$( document ).ready()

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35934755

复制

相似问题

问无限滚动的龙舌兰5
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无限滚动的龙舌兰5EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无限滚动的龙舌兰5
EN