Javascript Jquery LazyLoad不处理ajax生成的图像并在选项卡中输出
我正在使用,但它不适用于由php循环生成并在引导选项卡上使用jquery ajax序列化数组输出的图像结果选项卡。所以我尝试将这些代码放入ajaxsuccess函数中,并与输出一起使用,但没有任何效果Javascript Jquery LazyLoad不处理ajax生成的图像并在选项卡中输出,javascript,php,jquery,ajax,jquery-lazyload,Javascript,Php,Jquery,Ajax,Jquery Lazyload,我正在使用,但它不适用于由php循环生成并在引导选项卡上使用jquery ajax序列化数组输出的图像结果选项卡。所以我尝试将这些代码放入ajaxsuccess函数中,并与输出一起使用,但没有任何效果 $("#container").one("click", function() { $("#container").load("images.html", function(response, status, xhr) { $("img.lazy").lazyload(); })
$("#container").one("click", function() {
$("#container").load("images.html", function(response, status, xhr) {
$("img.lazy").lazyload();
});
});
资料来源:
资料来源:
谢谢你的帮助
更新
通过设置容器可以发现部分问题。此代码添加到ajax成功函数中
$("img.lazy").lazyload({
threshold : 100,
effect : "fadeIn",
container: $(".resulttab, .resulttab2")
});
$('.resulttab, .resulttab2').trigger('scroll');
然后,在document ready函数中添加此项
$(document).ready(function(){
$("img.lazy").lazyload({
effect: "fadeIn"
}).removeClass("lazy");
})
现在剩下的问题是,其他选项卡中的图像。除非我滚动页面,否则不会加载图像。我试图在单击选项卡时触发滚动,但没有成功。这是我尝试过的,但都不起作用
//Attempt one
$( "#display" ).on( "tabsbeforeload", function( event, ui ) {
$('.resulttab').trigger('scroll');
})
//Attempt two
function triggerscroll() {
$('.resulttab').trigger('scroll');
}
//Attempt one
$( "#display" ).on( "tabsbeforeload", function( event, ui ) {
$('.resulttab').trigger('scroll');
})
//Attempt two
function triggerscroll() {
$('.resulttab').trigger('scroll');
}