使用.load（）函數

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