创建IMG使用jQuery具有可变的位置
问题描述:
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()
方法,但它似乎并没有内部报价创建IMG使用jQuery具有可变的位置
第二个问题:什么是更好的方式,使在函数中的自定义类的新对象?我的方式,发现上面,不正确工作。
答
编辑
有我的代码一个错字,我固定它也在这里是显示它的工作原理的jsfiddle。 http://jsfiddle.net/p9n4X/
为了获得更好的性能我想Concat的一个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);
还要注意我已经按照有关合上串射手评论。
+0
非常感谢!随时也可以帮助我解决其他任何问题(: – 2013-03-10 01:27:46
+0
欢迎您 – Ateszki 2013-03-10 11:32:52
在添加值之前关闭字符串.... 'style:'position:absolute;顶部:'+ posVert +'px; left:'+ posHoriz +'px;宽度:500px; “高度:500px;'' – Archer 2013-03-08 17:40:32
谢谢,我应该想到xD – 2013-03-08 17:44:34