Ich versuche, @ zu verwendpaginate() um eine unendliche Schriftrolle zu erreichen. Ich denke, der einfachste Weg ist die Verwendung der 'Unendlich-Schriftrolle', um dies zu erreichen. Wenn Sie einen anderen Vorschlag haben, wie Sie ohne Infinite-Scroll-Bibliothek vorgehen können, indem Sie einfach jQuery verwenden, würde ich mich freuen, wenn Sie das wissen.

Ich gebe die Variable zurück, um sie wie folgt anzuzeigen:

public function index()
 {
    $posts = Post::with('status' == 'verified')
                      ->paginate(30);

    return view ('show')->with(compact('posts'));
 }

Meine Sicht

<div id="content" class="col-md-10">
    @foreach (array_chunk($posts->all(), 3) as $row)
        <div class="post row">
            @foreach($row as $post)
                <div class="item col-md-4">
                    <!-- SHOW POST -->
                </div>
            @endforeach
        </div>
    @endforeach
    {!! $posts->render() !!}
 </div>

Javascript Part:

$(document).ready(function() {
  (function() {
     var loading_options = {
        finishedMsg: "<div class='end-msg'>End of content!</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.pagination  li:last a",   // is this where it's failing?
         itemSelector: "#content div.item"
     });
   });
}); 

Das funktioniert aber nicht. Der -> render () Teil funktioniert, weil ich [<[1] 2] 3]>] Teil bekomme. Die unendliche Schriftrolle funktioniert jedoch nicht. Ich bekomme auch keine Fehler in der Konsole.

[<[1] 2] 3]>] sieht in der Ansicht folgendermaßen aus: source:

<ul class="pagination">
       <li class="disabled"><span>«</span> </li>                    //   «
       <li class="active"><span>1</span></li>                       //   1
       <li><a href="http://test.dev/?page=2">2</a></li>             //   2
       <li><a href="http://test.dev/?page=3">3</a></li>             //   3
       <li><a href="http://test.dev/?page=2" rel="next">»</a></li>  //   »
</ul>