創建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具有可變的位置

工作

第二個問題：什麼是更好的方式，使在函數中的自定義類的新對象？我的方式，發現上面，不正確工作。

來源

2013-03-08 Zach Saucier

在添加值之前關閉字符串.... 'style：'position：absolute;頂部：'+ posVert +'px; left：'+ posHoriz +'px;寬度：500px; 「高度：500px;'' – Archer 2013-03-08 17:40:32

謝謝，我應該想到xD – 2013-03-08 17:44:34

編輯

有我的代碼一個錯字，我固定它也在這裏是顯示它的工作原理的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);

還要注意我已經按照有關合上串射手評論。

來源

2013-03-08 18:01:32 Ateszki

非常感謝！隨時也可以幫助我解決其他任何問題（： – 2013-03-10 01:27:46

歡迎您 – Ateszki 2013-03-10 11:32:52

創建IMG使用jQuery具有可變的位置

回答

相關問題