javascript - 在选择事件时将用户发送到新页面时，格式选择标记中的图像被破坏

Question

如果我有一个formatSelection包含图像的标记并且window.location.href在select2-selecting事件中具有，则图像已损坏。如果我删除window.location.href，图像可以工作并且可以在新页面加载之前看到。

$('.select2#topbarSearch').on("select2-selecting", function(e) { 
    window.location.href = 'www.example.com';
});


function selectionFormat(data) {

        var markup = "<table class='search-result'><tr>";
        if (data.image !== undefined) {
            markup += "<td class='data-image'><img style='height: 25px;' src='" + data.image + "'/></td>";
        }
        markup += "<td class='data-info-selected'><div class='data-title'>" + data.title + "</div>";
        markup += "</td></tr></table>";
        return markup;
}

Answer 1

在重定向用户之前，必须验证图像是否已完成加载。

var img = new Image();
img.src = e.object.image;
img.onload = function(){
    window.location.href = scriptPath + 'item/' + e.object.id;
};