javascript - 如何为 ajax 生成的图像设置绝对定位

Question

我正在尝试为 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.

我不知道该怎么做，如果有人可以在这里帮助我，我将不胜感激。非常感谢！！

Answer 1

我没有看到任何 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')
)