无限滚动不使用ajax和实时组件

时间:2017-04-23 09:07:36

标签: javascript jquery ajax laravel-5 infinite-scroll

我正在使用

http://laraget.com/blog/implementing-infinite-scroll-pagination-using-laravel-and-jscroll

我的剧本:

<script type="text/javascript">
    $('ul.pagination').hide();
    $(function() {
        $('.infinite-scroll').jscroll({
            autoTrigger: true,
            loadingHtml: '<img class="center-block" id="loadsmall" style="width:80px; height:80px;" src="/" alt="Loading..." />',
            padding: 0,
            nextSelector: '.pagination li.active + li a',
            contentSelector: 'div.infinite-scroll',
            callback: function() {
                $('ul.pagination').remove();
            }
        });
    });
</script>

我的观点:

<div class="infinite-scroll">
    @foreach($comments as $comment)
        <h4 class="media-heading">{{ $comment->author_name }}
            <small>{{ $comment->created_at->diffForHumans() }}</small>
        </h4>
        {{ $comment->body }}
        <hr>
    @endforeach

    {{ $comments->links() }}
</div>

在我的帖子部分我已应用它,所有静态部分工作正常,但有一个ajax部分,用户可以喜欢一个帖子.. ajax部分不工作在无限工作后的帖子滚动

0 个答案:

没有答案