我对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>');
})
}
有人可以帮忙吗?