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

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){ //到達臨界點(默認滾動觸發(fā))，觸發(fā)下一頁

var lis = [];

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

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

//假設(shè)你的列表返回在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);

});

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

//pages為Ajax返回的總頁數(shù)，只有當(dāng)前頁小于總頁數(shù)的情況下，才會繼續(xù)出現(xiàn)加載更多

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, //需要提交的數(shù)據(jù)

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('你已經(jīng)沒有票數(shù)了！')

}

if (data == 0) {

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

}

}

});

}

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。