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')
)

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

1 个答案: