發(fā)現(xiàn)這個(gè)外掛似乎沒有對動(dòng)態(tài)插入的元素做處理,也就是說動(dòng)態(tài)插入的元素是無法正常顯示,而是一直顯示loading圖片,我現(xiàn)在的臨時(shí)解決方法是,給新插入的節(jié)點(diǎn)加一個(gè)唯一的容器,然後對這個(gè)容器進(jìn)行初始話,大家有什麼辦法嗎?
var index = 0;
var tpl = $("#template").text();
$('#addItem').on('click', function () {
var html = render(tpl, item);
var $container = $('<p id="newItem' + index++ + '"></p>');
$('body').append($container.html(html));
$container.find("img.lazy").lazyload({
effect: "fadeIn",
load: function (index, elem) {
$(this).parent('.box').css('background', '#fff');
}
});
});
ringa_lee
找到更好的解決方案了,直接將掛鉤lazy去掉,就可以了
$("img.lazy").lazyload({
effect: "fadeIn",
load: function (index, elem) {
$(this).parent('.box').css('background', '#fff').find('img').removeClass('lazy');
}
});
動(dòng)態(tài)添加,添加完了對新添加的元素加個(gè) .loadlazy()
不行嗎?
https://jsfiddle.net/06rcojjd/