簡體   English   中英

Laravel 5無限滾動div

[英]Laravel 5 infinity scroll div

我是新來的,有人可以幫我解決這個無法滾動的div不在laravel 5工作嗎? 我已經訪問了很多鏈接來解決這個問題,但沒有任何幫助..

這是我的javascript

$(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"
    });
}); 

這是在我的刀片上

<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

保留此代碼

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

在這個div里面

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

希望它能奏效。 如果沒有,請告訴我

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM