接收返回的json数据,触发了滚动事件之后,开始取出数据
$(window).scroll(function(){ $('#text').val($(document).scrollTop()); //如果滚动到下面的时候,触发ajax事件获取数据,显示在页面上。 if($(document).scrollTop() > $(window).height()){ $.ajax({ type : 'POST',url : ThinkPHP['ROOT'] + '/Index/getBottomPic',dataType: 'json',success: function(data,textStatus,jqXHR){ console.log(data.pic2); var pichtml = ''; var pichtm2 = ''; var i = 1; var j = 1; //第一个选项卡的内容 $(data.pic1).each(function(k,v){ pichtml += "<a class='dft731"+i+"'><div class='dft731a'><img src= '"+v.img_url+"' /></div><div class='dft731b'><b>"+v.title+"</b></div></a>"; i++; }); $('#pic1').append(pichtml); //第二个选项卡的内容 $(data.pic2).each(function(k,v){ pichtm2 += "<a class='dft731"+j+"'><div class='dft731a'><img src= '"+v.img_url+"' /></div><div class='dft731b'><b>"+v.title+"</b></div></a>"; j++; }); $('#pic2').append(pichtm2); } }); $(window).unbind("scroll"); } });