2016-08-23 4 views
3

ここに新しい、 誰かがlaravel 5で動作していないdivのこの無限のスクロールを修正するのを助けることができますか? 私はすでにこれはLaravel 5 infinity scroll div

$(document).ready(function() { 
    var loading_options = { 
     finishedMsg: "<div class='end-msg'>Congratulations! You've reached the end of the internet</div>", 
     msgText: "<div class='center'>Loading news items...</div>", 
     img: "/js/ajax-loader.gif" 
    }; 

    $('#content').infinitescroll({ 
     loading: loading_options, 
     navSelector: "ul.pagination", 
     nextSelector: "ul.navigation a:first", 
     itemSelector: "#content div.cat-item" 
    }); 
}); 

私のjavascriptのであり、これは私のブレード上

<div class="col-sm-8 single-left" id="content"> 
    @foreach ($all as $image) 
    <div class="song" > 
     <div class="song-info"> 
      <h3>{{$image->judul}}</h3> 
     </div> 
     <div class="singleimage" > 
      <img src="/file/meme/{{ $image->gambar }}" alt="" /> 
     </div> 
    </div> 

    <div class="song-grid-right"> 
     <div class="share"> 
      <h5><div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/wahyu.p.putra.10"></a></div></h5> 
      <ul> 
       <li><a href="/Meme/{{ $image->url }}/{{ $image->url2 }}" class="icon like">{{$image->likes}} Likes</a></li> 
       <li><a href="#" id="commenttombol" class="icon comment-icon">Comments</a></li> 
       <li class="view">{{$image->view}}</li> 
      </ul> 
     </div> 
    </div> 
    @endforeach 
</div> 

<div id="pagination"> 
    {!! $all->render()!!} 
</div> 

おかげ..です

これを解決するためにたくさんのリンクを訪問し、何もヘルプ:D

答えて

0

このコードを保存する

<div id="pagination"> 
    {!! $all->render()!!} 
</div> 
このインサイド

<div class="col-sm-8 single-left" id="content"> 

うまくいけば、それは動作しますがDIV。していない場合はお知らせください