加載後加載（）後淡入圖像（）

Question

我試圖在加載圖像（和一些html周圍）與jQuery加載（）;後圖像淡入淡出;我知道我應該使用load（）的回調函數;但我不知道如何在回調中定位/鏈接圖像。下面簡化代碼：

jQuery的

$(".load-post").click(function(){ 
    var post_link = $(this).attr("href"); 
    $("#image-container").load(post_link,function(l){ 
     $(this).load(function(e){ 
      $(this).fadeIn(1000); //? 
     }); 
    }); 
    return false; 
}); 

集裝箱

<div id="image-container"></div> 

加載的內容會

<figure><img src=/images/image.jpg"></figure> 

如何我加載它後 '的方針' 的<img>？

Answer 1

我對這個問題的理解是你想在Ajax加載一些內容之後加載圖像。

$(".load-post").click(function(){ 
     var post_link = $(this).attr("href"); 
     $("#image-container").load(post_link,function(l){ 
     //This function is triggered after your content has loaded successfully inside your #image_container. 
     //Suppose you have an image <img id="after_fadein" src="loadme.png" /> 
     //Now simply fade In the image using DOM manipulation. 
     $('#after_fadein').fadeIn(1000); 
      }); 
     }); 
    });`