使用.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'));
});

我做错了吗？请给我一些解决方案。谢谢。

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