2015-02-10 138 views
0

我有以下代碼:可拖動DIV與動態內容

<script> 
    $(function(){ 
     $("#content").draggable(); 
    }); 
</script> 
<div id="draggable"></div> 

在拖動的HTML代碼中動態添加和寬度不同

我的問題是,當在可拖動的HTML組件都更改爲改變比他們以前的組件大,只是在div之外重疊。

我怎樣才能使可調整大小的背景,所以當內容改變背景也改變?

+1

獲取新的尺寸大小並調整圖像大小。您應該提供一個示例並嘗試幫助您更好地理解問題。 – 2015-02-10 22:26:47

回答

0

與背景顏色我看不出有什麼問題:http://codepen.io/anon/pen/ogpwYd

JS:

$("#draggable").draggable(); 
setInterval(function(){$('#draggable').append('blalba<br>')}, 1000) 

HTML:

<body> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
<div id="draggable">bla</div> 
<p> 
    ajkdfkladjfkl;asj 
    afjklasdklfja 
    aksdlfas;ldfjk 
</p> 
</body> 

CSS:

#draggable { 
    background-color: green 
} 

但你可以刪除和然後 每次用jQuery讀取背景以調整尺寸$(#...).css("background-color", "")

+0

我的問題不在div的高度。如果動態元素的寬度更大,那就是問題發生的地方。 – mattNit 2015-02-11 03:52:51