Javascript 带有.load的jQuery.html函数

我正在使用jQuery的.HTML函数加载HTML内容。我试图加载的HTML内容的一部分是图像，加载这些图像需要一些时间。我做的是一个onclick活动

$('div').on('click',function() {
    $('html').fadeOut(1000)
        .html(content)
        .load(function() {
            $('html').fadeIn(1000)
        });
});

我想做的是，当DOM完成加载后，我希望它消失。如果它仍然没有完成，我希望它保持隐藏，因此，在加载html之前使用淡出函数

---

这可能吗？这种方法似乎对我不起作用。

首先，如果要替换整个HTML元素，最好只执行一个完整的请求周期。这就是最终的结果，使用完整请求钩住窗口加载事件比使用AJAX处理要容易得多。如果您没有替换整个页面，那么您的选择器就错了

其次，如果您只是加载DIV，那么您可以尝试隐藏DIV，将load事件绑定到它，然后用内容加载它。有关更多信息，请参阅该方法的注意事项

$('div').on('click',function() {
    var $this = $(this); // save reference for future use
    $this.fadeOut(1000) // hide
         .load(function() { // hook up handler
             $this.fadeIn(1000)
         })
         .html(content);  // load content
});