jQuery实现下拉加载功能实例代码

前端之家收集整理的这篇文章主要介绍了jQuery实现下拉加载功能实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

废话不多说了,直接给大家贴代码了,具体代码如下所示:

var str = ''; if(page=="") page=1; var stop=true;//触发开关,防止多次调用事件 $(window).scroll( function(event){ //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载. 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;//当前要加载的页码 //加载提示信息 $("#showlists").append("
  • Loding…..
    <>"); $.post(url,parm,function(data){ if( data.count == 0 ) { $('.prolist-abtn').html('已全部加载完'); return; } $.each(eval(data),function(data,val) { var url1 = ""; $(".ajaxtips").hide(); str = '
    '; str += '
    '+val.sceneryname+'

      ¥'+val.sellerprice+''; str +='
  • '; $("#showdiv").append(str);//把新的内容加载到内容的后面 }); stop=true; },'JSON') } });

    以上代码是小编给大家分享的jQuery实现下拉加载功能实例代码,希望对大家有所帮助!

    猜你在找的jQuery相关文章