Question

function hitQBlock(obj) {
  var objOne=$(obj),
    posOne = objOne.offset(),        
    posVert = posOne.top + (objOne.height()/2),
    posHoriz = posOne.left + (objOne.width()/2);
  var newCoin = document.createElement('.coin');
  newCoin.attr({
    style: 'position: absolute; top: posVert px; left: posHoriz px; width: 500px; height: 500px;', 
    src: 'http://png-3.findicons.com/files/icons/2297/super_mario/256/retro_coin.png'});
}

第一个问题：如何将newCoin对象定位到变量posVert和posHoriz定义的位置？我尝试使用.val()方法，但它似乎不适用于引号

第二个问题：在函数内部创建自定义类的新对象有什么更好的方法？我上面找到的方法无法正常工作。

Answer 1

修改

我的代码上有一个拼写错误，我修复它也是一个jsfiddle显示它的工作原理。 http://jsfiddle.net/p9n4X/

为了获得更好的性能，我会将一个html字符串连接起来并将其附加到类似

的主体上

var html = '<img class="coin" style="position: absolute; top: ' + posVert + 'px; left: '+ posHoriz +'px; width: 500px; height: 500px;" src="http://png-3.findicons.com/files/icons/2297/super_mario/256/retro_coin.png" />';

$('body').append(html);

另请注意，我已经关注了Archer对关闭字符串的评论。

使用带有可变位置的jQuery创建IMG

1 个答案: