Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/256.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery LazyLoad不处理ajax生成的图像并在选项卡中输出_Javascript_Php_Jquery_Ajax_Jquery Lazyload - Fatal编程技术网

Javascript Jquery LazyLoad不处理ajax生成的图像并在选项卡中输出

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(); })

我正在使用,但它不适用于由php循环生成并在引导选项卡上使用jquery ajax序列化数组输出的图像结果选项卡。所以我尝试将这些代码放入ajaxsuccess函数中,并与输出一起使用,但没有任何效果

$("#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'); 
 }