Question

我试图在使用jQuery load（）;加载图像（以及一些围绕它的html）后淡入图像。我知道我应该在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>

我如何处理＆＃39;加载后<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);
            });
        });
    });`

用load（）加载后淡入图像

1 个答案: