开发者社区> 问答> 正文

jQuery瀑布流 ajax加载动态数据问题 400 请求报错 

jQuery 瀑布流  使用ajax加载数据库图片url   ajax每次请求到的数据不变时 瀑布流效果没问题。 但当请求到的数据变化时,瀑布流图片格式会重叠 或者相隔很远等等的格式问题

展开
收起
kun坤 2020-05-30 23:02:04 629 0
1 条回答
写回答
取消 提交回答
  • 没代码你说个毛######

    $(document).ready(function(){ loadMore(); });

    $(window).scroll(function(){ // 当滚动到最底部以上100像素时, 加载新内容 if ($(document).height() - $(this).scrollTop() - $(this).height()<10) {loadMore();} });

    function loadMore() {

    $.ajax({
    	url : 'data1.php',
    	dataType : 'json',
    	async: true,
    	cache: false,
    	data : {pageNow:dataCount},
    	success : function(json)
    	{
    		if(typeof json == 'object')
    		{
    			var oProduct, $row, iHeight, iTempHeight;
    			for(var i=0, l=json.length; i<l; i++)
    			{
    				oProduct = json[i];
    				
    				// 找出当前高度最小的列, 新内容添加到该列
    				iHeight = -1;
    				$('#stage li').each(function(){
    					iTempHeight = Number( $(this).height() );
    					if(iHeight==-1 || iHeight>iTempHeight)
    					{
    						iHeight = iTempHeight;
    						$row = $(this);
    					}
    				});
    				
    				$item = $('<div><img src="'+oProduct.image+'" border="0" ><br />'+oProduct.title+'</div>').hide();
    				
    				$row.append($item);
    				$item.fadeIn(1000);
    			}
    		}
    	}
    });
    // dataCount++;
    

    }

    2020-05-30 23:02:10
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Javascript中的对象 立即下载
23-Vue.js在前端...1506518547.pdf 立即下载
JavaScript函数 立即下载