在JQuery中使用.html时图像不显示

时间:2013-03-01 11:29:07

标签: jquery image

我尝试在我的网站上的AJAX请求上添加图像,但出于某种原因,图像并没有显示出来。虽然,生成的HTML是正确的。

这是我的代码:

$('.field-name-field-testimony-photo').wrap('<div class="picture-preview-container" />');
$('<div class="picture-preview" />').insertAfter('.picture-preview-container');

$('.form-item input.form-file', context).change(function() {
    $parent = $(this).closest('.form-item');
    $('.picture-preview').html('<img src="https://www.google.be/path-to-my-image.jpg" />');
});

就我所见,生成的HTML是正确的......

<div class="picture-preview">
    <img src="https://www.google.be/path-to-my-image.jpg" />
</div>

我是否忘记了代码中的某些内容以确保显示此图片?

1 个答案:

答案 0 :(得分:0)

正如萨尔曼上面所说的那样 看看

<img scr="https://www.google.be/path-to-my-image.jpg" />

在你的最后一行

并转换scr ===&gt; SRC

<img src="https://www.google.be/path-to-my-image.jpg" />