lazyload loads lazily, how to support the new content obtained by ajax?
the problem now is:
1, the old content has been $("img.lazy"). Lazyload ({effect: "fadeIn"});
has passed
2, and the content before ajax acquisition has also increased $("img.lazy"). Lazyload ({effect: "fadeIn"});
3, after ajax has acquired the content, it has also increased $("img.lazy"). Lazyload ({effect: "fadeIn"});
3. Finally, the previously acquired content will appear, and after ajax acquires the content, it will be reloaded?
ask for help on how to implement it, only let the content obtained by ajax be loaded by lazyload
4.ajax({
type: "POST",
dataType: "json",
url: "{:url(url)}" ,
data: { "pages": pages },
success:function(data){
if(data.state==1){
html="";
$("-sharplist").append(html);
$("img.lazy").lazyload({effect: "fadeIn"});
}else{
html += "<div class=\"weui-cells__title\" style=\"text-align: center;\"></div>";
$("-sharplist").append(html);
loading = true;
}
$(".weui-loadmore").hide();
}