在使用load之前，jQuery append不起作用

Question

在加载功能之后使用它时，追加功能无效。

$('section article a').on('click',function(e){

    e.preventDefault();
    id = $(this).attr('class');
    $('article[id='+id+']').load( 'articles/'+id+'.html' );

    $('article[id='+id+']').append( "<strong> Where am I?<br/>StackOverflow HELP !!!</strong>" );   //This is NOT appended

});

有什么想法吗？

Answer 1

尝试等到load完成后再使用append()：

$('article[id='+id+']').load( 'articles/'+id+'.html', function() {
    $('article[id='+id+']').append( "<strong> Where am I?<br/>StackOverflow HELP !!!</strong>" ); 
});

此外，您可以使用$('#'+id)代替$('article[id='+id+']')，因为id是唯一的。