0
我遇到麻煩實施無限滾動到我的laravel站點。Laravel和無限滾動不顯示
在谷歌Chrome開發日誌有沒有錯誤,
但是當我進入我的瀏覽電網這是行不通的。
在剛剛在底部
{{ HTML::script('assets/js/jquery.infinitescroll.js') }}
<script type="text/javascript">
$(function() {
$('#boxes').infinitescroll({
navSelector : ".paginate",
nextSelector : ".paginate a:last",
itemSelector : ".box",
debug : false,
dataType : 'html',
path: function(index) {
return "?page=" + index;
}
}, function(newElements, data, url){
var $newElems = $(newElements);
$('#boxes').masonry('appended', $newElems, true);
});
});
</script>
Laravel刀片
<div id="boxes" class="browse-grid">
@if (! $data->isEmpty())
@foreach($data as $k => $r)
<figure class="col-sm-3 col-lg-2 col-xs-6" >
<div class="img-container">
</div>
</figure>
@endforeach
@else
<div><h3 class="reviews-not-released"> {{ trans('main.no results') }}</h3></div>
@endif
</div>
{{ $data->appends(array())->links() }}
顯示一個標準Laravel網格分頁鏈接我從 Laravel and Infinite Scroll
複製的代碼,但無限滾動只是沒有按」爲我推出。我的分頁看起來像這樣。
<div class="row pagination-top"> <ul class="pagination">
<li><a href="http://test123.com/agents?page=2">2</a></li><li><a href="http://test123.com/agents?page=3">3</a></li><li><a href="http://test123.com/agents?page=4">4</a></li><li><a href="http://test123.com/agents?page=5">5</a></li><li><a href="http://test123.com/agents?page=6">6</a></li><li><a href="http://test123.com/agents?page=7">7</a></li><li><a href="http://test123.com/agents?page=8">8</a></li><li><a href="http://test123.com/agents?page=9">9</a></li><li><a href="http://test123.com/agents?page=2">»</a></li> </ul>