Использование .load() function

Question

Я пытаюсь загрузить некоторое изображение из тега привязки.

<a href="localhost\system\uploads\Lead\test.jpg" class="image"></a> 
<div id="preview"></div> 

Изображение загружается на другой странице, а не на div, который я указал. Вот код, который я использую:

$(document).on("click",".image", function (e) { 
     $("#preview").load($(this).attr('href')); 
}); 

я делаю что-то неправильно, пожалуйста, мне предложить некоторые solutions.Thanks.

Answer 1

Попробуйте использовать html() вместо:

$(document).on("click",".image", function (e) { 
    e.preventDefault(); 
    var href = $(this).attr('href'); 
    $("#preview").html('<img src="'+ href +'" />'); 
}); 

или:

$(document).on("click",".image", function (e) { 
     e.preventDefault(); 
     $("#preview").html($("<img />").attr("src", this.href)); 
});