未显示添加图像前置

Question

我是Javascript / jQUERY的新手。 我使用load（）从URL加载div。然后我想在span的左侧插入一个图像。 我正在使用prepend，但图像未加载。从控制台运行代码时，图像已正确加载。

 $(document).ready(function() { var $div1 = $("<div></div>") var $div2 = $("<div></div>") $div1.attr("id", "div1"); $div2.attr("id", "div2"); $("#a_30").append($div1); $("#a_30").append($div2); var $posts = $('a.entry_title').map(function() { return $(this).attr('href'); }); var id1 = $posts[0].substring($posts[0].lastIndexOf('_') + 1); var id2 = $posts[1].substring($posts[1].lastIndexOf('_') + 1); var posts = ["url/open/" + id1, "url/open/" + id2] $('#div1').load(posts[0] + " .shadow3"); $('#div2').load(posts[1] + " .shadow3"); $('#div1').find('.entry_').prepend('<img id="MsgIcon" src="/email.gif" />'); $('#div2').find('.entry_').prepend('<img id="MsgIcon" src="/email.gif" />'); }); 

Answer 1

由于load()是异步的，因此在加载数据之前将执行下一条语句。 您必须按照以下方式使用load的完整回调。

$('#div1').load(posts[0] + " .shadow3", function() {
    $('#div1').find('.entry_').prepend('<img id="MsgIcon" src="/email.gif" />');
});

$('#div2').load(posts[1] + " .shadow3", function() {
    $('#div2').find('.entry_').prepend('<img id="MsgIcon" src="/email.gif" />');
});