通过jQuery Ajax动态加载的图像未显示

时间:2014-07-16 15:10:39

标签: jquery ajax html5 image

我对JQuery有一个奇怪的问题。在我的页面上,我有一个空div。单击按钮,将运行JQuery AJAX进程,从数据库中提取图像文件名列表。此AJAX调用返回JSON字符串

在AJAX调用的.Done方法中,我遍历文件名,并为每个图像添加一个img标签到隐藏的div。

结果是没有图像的正方形加载 - 与图像在请求的位置不存在时完全相同。图像肯定存在,实际上,将鼠标悬停在Firebug中的链接路径上会显示正确图像的缩略图。出于某种原因,它不会在页面上显示。

这是返回的JSON

{
    "response":"success",
    "images":[
        {
            "id":"ByqYIPCuztjNIRC",
            "imageName":"1405516853-IMGP4658.JPG",
            "projectId":"Jbo4mudcCTlyeG0"
        },
        {
            "id":"YwX6xJXfM6EjjSk",
            "imageName":"1405517307-IMGP4651.JPG",
            "projectId":"Jbo4mudcCTlyeG0"
        }
    ]
}

...这里是处理JSON的.Done方法

.done(function(msg)
{
    // Remove any images already present
    $('div.imageContainer').remove();

    // Add each new image to the page, surrounded with a DIV
    $.each(msg.images, function(i, item){
        $('#uploadImageForm')
            .after('<div class="imageContainer" id="image-' + item.id + '"><img src="/images/' + item.imageName + '" /></div>');
    })
}

有人可以帮忙吗?

0 个答案:

没有答案