Question

我正在尝试实现以下目标：我有一个div，我使用load（）方法来获取新的HTML内容。

 $('#mydiv').load('/newcontent.html');

这个新的HTML还包含图像，我希望这些图像在加载后可以淡化。

首先我尝试使用带有load（）方法的回调函数，但是只要获取HTML，就会在浏览器加载所有新图像之前触发此函数。

然后我尝试在所有新获取的图像上应用on（'load'）事件，但这根本不起作用。

$('#mydiv').load('/newcontent.html', function() { 
    $('#mydiv img').css('visibility','hidden').on('load', function() { $(this).fadeIn(); });
});

“visibility：hidden”工作正常，因此我的新HTML内容被加载到#mydiv中，并且所有图像都设置为不可见。但是渐渐消失是行不通的。我试图在这里绑定的事件确实会在加载新HTML时立即触发（这对我来说没有任何意义），但是在加载单个图像时却没有。

我该如何解决这个问题？任何帮助表示赞赏！

Answer 1

使用fadeIn（）和fadeOut（）输出jQuery。如果您想在加载时执行，请使用该事件。