2012-12-14 56 views
0

我使用此代碼將圖像圖標放在div上。無論divposition,圖像圖標將那裏作爲圖像圖標css positiondiv absolute position決定:Jquery CSS浮動後追加絕對定位

jQuery(document).ready(function($) { 
var divname1= '.mydiv'; 

var position = $(divname1).offset(); 

$('#myicons').css(position); 
$(divname1).append('<div id="myicons"><a href="#"><img src="http://test.tld/wp-content/plugins/myplugin/resources/img/myicons.png"></a></div>'); 


}); 

它完美,除了問題是,它佔用的空間和附加到後扭曲現有的divdiv它將放置在哪裏。我想在追加後將其浮於目標div(例如divname1)以便不改變現有的divname1佈局。

您有什麼想法嗎?

+0

如何不將'新的div'追加到原始的div?只需創建新的div,並使用原始位置數據將其定位在同一位置(也許使用z-index以確保它保持在最前面)。 此外,我建議使用id而不是類來標識'mydiv'div –

+0

我發現append方法更靈活,因爲我有很多div會附加上取決於它們位置的這些圖標。這些JS代碼將由服務器端的PHP腳本創建。如果我只能將這些圖標浮在這些div上,那將是完美的。感謝您使用id的建議,我會嘗試使用z-index,並嘗試使用其他選項。 –

回答

1

添加下面這行代碼檢查是否有效。

$('#myicons').css('display','inline'); 
+0

我已經嘗試在這之後添加上面的行:$('#myicons').css(position);並且在追加後它不會漂浮在現有的div上。感謝您的建議。 –

+0

做一件事情試圖調用這個$('#myicons')。css(position);之前}); –

+0

我沒有清楚地表達你的觀點。你的意思是在$('#myicons')之前加入你的建議。css(position);?是的,我已經嘗試過了,圖標不是浮動在div上。 –