2014-03-06 58 views
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">&raquo;</a></li> </ul> 

回答

0

最後回答,但想幫助你,如果你仍然在尋找解決方案,或者如果其他人有這個問題。

對我有什麼幫助,我只是改變

$('#boxes').infinitescroll({ 

到:

$('.pagination').infinitescroll({ 

儘管在我jscroll,而不是無限滾動去年底,發現很多更好的自己。同樣的改變有(從例子中,你所提供的鏈接所):

$('.scroll').jscroll({ 

到: $(「分頁」)jscroll({

我只花了兩天時間弄清這一點,終於它的工作,希望幫助有需要的人!