无限滚动不适用于Ajax和实时组件

Question

我正在使用

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部分在无限滚动工作之后的帖子上不起作用