怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決怎么解決？？？？？？？

layui.use(['layer','flow'], function(){

var layer = layui.layer;

flow=layui.flow;

flow.lazyimg({

elem:"#div1 img",

});

flow.load({

elem: '#div1', //指定列表容器

isLazyimg:true,

done: function(page, next){ //到達臨界點(默認滾動觸發)，觸發下一頁

var lis = [];

//以jQuery的Ajax請求為例，請求下一頁數據(注意：page是從2開始返回)

$.get('backstageImgList.php?page='+page, function(res){

//假設你的列表返回在data集合中

res=JSON.parse(res)

console.log(res)

layui.each(res.data.result, function(index, item){

console.log(item)

//lis.push('

'+ item.title +'

');

var imgArray = "<?php echo (implode(",", $img_id_array)); ?>".split(',');

var dzStatus = $.inArray(item[0], imgArray) != -1 ? "icon-dianzan" : "icon-dianzan2";

var templ = '

' +

''+

'

' +

'' +

'

' +

'

';

lis.push(templ);

});

//執行下一頁渲染，第二參數為：滿足“加載更多”的條件，即后面仍有分頁

//pages為Ajax返回的總頁數，只有當前頁小于總頁數的情況下，才會繼續出現加載更多

console.log(res.count[0][0])

next(lis.join(''), page < res.count[0][0]);

});

}

});

//按屏加載圖片

flow.lazyimg({

elem: '#ysee img'

});

layer.photos({

photos:'#div1'

})

});

function test(obj, id) {

//debugger

var g = 0;

var _class = obj.getElementsByTagName('i')[0].classList;

for (var i = 0; i < _class.length; i++) {

if (_class[i] == 'icon-dianzan') {

g = 1;

break;

}

}

$.ajax({

//post提交

type: "post",

//提交給.php頁面處理

url: "ajax_love.php",

dataType: "JSON",

async: true, //是否異步

data: {

id: id, //需要提交的數據

g: g

},

success: function (data) { //成功

//debugger;

if (data == 1) {

obj.getElementsByTagName('i')[0].classList.remove('icon-dianzan2');

obj.getElementsByTagName('i')[0].classList.add('icon-dianzan');

obj.getElementsByTagName('i')[0].style.color = 'red';

} else if (data == 2) {

obj.getElementsByTagName('i')[0].classList.remove('icon-dianzan');

obj.getElementsByTagName('i')[0].classList.add('icon-dianzan2');

obj.getElementsByTagName('i')[0].style.color = 'red';

} else if (data == -2) {

alert('你已經沒有票數了！')

}

if (data == 0) {

alert('你已經點過贊啦！')

}

}

});

}

總結

以上是生活随笔為你收集整理的layui tree 加载慢_图片太多，加载慢，我用了layui里的方式，放在服务器后还是太慢！怎么解决？？？有没有什么优化的技巧？？？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。