可拖动DIV与动态内容

我有以下代码：可拖动DIV与动态内容

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

在拖动的HTML代码中动态添加和宽度不同

我的问题是，当在可拖动的HTML组件都更改为改变比他们以前的组件大，只是在div之外重叠。

我怎样才能使可调整大小的背景，所以当内容改变背景也改变？

来源

2015-02-10 mattNit

获取新的尺寸大小并调整图像大小。您应该提供一个示例并尝试帮助您更好地理解问题。 – 2015-02-10 22:26:47

与背景颜色我看不出有什么问题：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", "")

来源

2015-02-10 22:54:35 Dirk

我的问题不在div的高度。如果动态元素的宽度更大，那就是问题发生的地方。 – mattNit 2015-02-11 03:52:51

可拖动DIV与动态内容

回答

相关问题