javascript - 選択イベントでユーザーを新しいページに送ると、formatSelect マークアップの画像が壊れる

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;
};