javascript - 添加图像前缀未出现

Question

我是 Javascript/jQUERY 的新手。我使用 load() 从 url 加载 div 。然后我想在 span 的左侧插入图像。我正在使用前置，但图像未加载。当我从控制台运行代码时，图像正在正确加载。

$(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" />');
});