我正在尝试为 ajax 生成的所有图像设置绝对位置。
这是我的代码,
for loop...
var imagediv = document.getElementById('image_layout');
//generate many images
imagediv.innerHTML= imagediv.innerHTML + "<div class='imgDiv'>" + "<a href=\"#\""><img src=\"" + mystuff.list[n].imgPath \"" + "\" )\"" + "></a></div>";
//The image shows correctly but I want to set all of them in absolute position so I can create other effects.
我不知道该怎么做,如果有人可以帮助我,我将不胜感激。非常感谢!!
最佳答案
我没有看到任何 AJAX 正在发生,但无论如何,如果您使用 jQuery,请充分利用它:
var imgs = []
var $wrap = $('#image_layout')
for ( ... ) {
imgs.push(
"<div class='imgDiv'>"+
"<a href='#'><img src='"+ mystuff.list[n].imgPath +"'/></a>"+
"</div>"
)
}
// Append everything at last for best performance
$wrap.append(
$(imgs.join(''))
.css('position', 'absolute')
)
关于javascript - 如何为ajax生成的图像设置绝对定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11837519/