jQuery實(shí)現(xiàn)下拉加載功能實(shí)例代碼

    本文通過一段實(shí)例代碼給大家介紹jquery實(shí)現(xiàn)下拉加載功能，代碼簡單易懂，需要的朋友參考下吧
    直接給大家貼代碼了，具體代碼如下所示：
    <script>
    var str = '';
    if(page=="") page=1;
    var stop=true;//觸發(fā)開關(guān)，防止多次調(diào)用事件
    $(window).scroll( function(event){
    //當(dāng)內(nèi)容滾動到底部時(shí)加載新的內(nèi)容 100當(dāng)距離最底部100個(gè)像素時(shí)開始加載.
    if ($(this).scrollTop() + $(window).height() + 10 >= $(document).height() && $(this).scrollTop() > 10) {
    //if(stop==true){
    //stop=false;
    //var canshu="page/"+page+";
    var url = "";
    var parm = {'page':page};
    page=page+1;//當(dāng)前要加載的頁碼
    //加載提示信息
    $("#showlists").append("<li class='ajaxtips'><div style='font-size:2em'>Loding…..</div><>");
    $.post(url,parm,function(data){
    if( data.count == 0 ) {
    $('.prolist-abtn').html('已全部加載完');
    return;
    }
    $.each(eval(data), function(data, val) {
    var url1 = "";
    $(".ajaxtips").hide();
    str = '<div id="showdiv">';
    str +='<div>';
    str +='<a href="url"><div>';
    str +='<img src='+val.imgurl+' /></div>';
    str += '<div><p>'+val.sceneryname+'</p><ul>';
    str += '<li><span>￥</span>';
    str +='<strong>'+val.sellerprice+'</strong>起<i>￥'+val.sellerprice+'</i></li>';
    str +='</ul></div></a></div></div>';
    $("#showdiv").append(str);//把新的內(nèi)容加載到內(nèi)容的后面
    });
    stop=true;
    },'JSON')
    }
    });
    </script>
    以上代碼是小編給大家分享的jQuery實(shí)現(xiàn)下拉加載功能實(shí)例代碼，希望對大家有所幫助！