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

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

jquery variables object

使用带有可变位置的jQuery创建IMG,jquery,variables,object,position,Jquery,Variables,Object,Position,第一个问题：如何将newCoin对象定位到变量posVert和posHoriz定义的位置？我试图使用.val（）方法，但在引号中似乎不起作用第二个问题：在函数中创建自定义类的新对象的更好方法是什么？上面找到的“我的方式”无法正常工作。编辑我的代码中有一个输入错误，我修复了它。这里有一个JSFIDLE显示它是有效的为了获得更好的性能，我将压缩一个html字符串，并将其附加到正文中，如下所示 function hitQBlock(obj) { var objOne=$(obj),

第一个问题：如何将

newCoin

对象定位到变量

posVert

和

posHoriz

定义的位置？我试图使用

.val（）

方法，但在引号中似乎不起作用

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

编辑

我的代码中有一个输入错误，我修复了它。这里有一个JSFIDLE显示它是有效的

为了获得更好的性能，我将压缩一个html字符串，并将其附加到正文中，如下所示

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

var html=''；
$（'body'）.append（html）；

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

EDIT

我的代码中有一个输入错误，我修复了它。这里有一个JSFIDLE显示它是有效的

为了获得更好的性能，我将压缩一个html字符串，并将其附加到正文中，如下所示

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

var html=''；
$（'body'）.append（html）；

还请注意，我已经跟随了Archer关于关闭字符串的评论。

在添加值之前关闭字符串<代码>样式：'位置：绝对；顶部：'+posVert+'px；左：'+posHoriz+'px；宽度：500px；高度：500px；'谢谢，我应该在添加值之前关闭字符串<代码>样式：'位置：绝对；顶部：'+posVert+'px；左：'+posHoriz+'px；宽度：500px；高度：500px；'

[variables]相关文章推荐

随机文章推荐