JQuery do Laravel 5 Paginate + Infinite Scroll
Estou tentando usarpaginate()
para obter rolagem infinita. Eu acho que a maneira mais fácil é usar o 'rolagem infinita' para conseguir isso. Se você tiver alguma outra sugestão de como fazê-lo sem a biblioteca de rolagem infinita, apenas usando o jQuery, ficaria feliz em saber ..
Estou retornando a variável para visualizar assim:
public function index()
{
$posts = Post::with('status' == 'verified')
->paginate(30);
return view ('show')->with(compact('posts'));
}
Minha visão:
<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>
Parte Javascript:
$(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"
});
});
});
No entanto, isso não funciona. A parte -> render () está funcionando porque estou recebendo a parte <<[1] 2] 3]>]. No entanto, a rolagem infinita não funciona. Também não recebo erros no console.
[<[1] 2] 3]>] é assim na visualização: 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>