1
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()方法,但它似乎在引号内不起作用

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

4

1 回答 1

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 关于关闭字符串的评论。

于 2013-03-08T18:01:32.177 回答