jquery - 我试图在前面添加一个 div 并使用 AJAX 加载其中的内容，但 div 仍然为空

Question

我尝试在前面添加一个 div 并使用 AJAX 加载其中的内容，但该 div 仍然为空

$('#primary').fadeOut('slow', function(){
        $('#primary').prepend('<div id="content"/>', function(){
            $('#content').load(link+' #content', function(){
                $('#primary').fadeIn('slow');
            });
        });
    });

Answer 1

.prepend 方法不接受回调，因为它不是异步的。

您可以传递一个函数作为第一个参数，但它对于仅添加到一个元素之前没有那么有用。

这是已修复的代码。

$('#primary').fadeOut('slow', function(){
    var content = $('<div id="content"/>'),
        primary = $(this);
    primary.prepend( content );
    content.load(link + ' #content', function(){
        primary.fadeIn('slow');
    });
});