具有动态内容的可拖动 div

【问题标题】：Draggable div with dynamic content具有动态内容的可拖动 div
【发布时间】：2015-02-10 22:22:05
【问题描述】：

我有以下代码：

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

draggable中的html代码是动态添加和改变不同宽度的

我的问题是，当可拖动的 html 组件更改为大于它们以前只是在 div 之外重叠的组件时。

如何使可拖动的背景可调整大小，以便在更改内容时背景也会更改？

【问题讨论】：

获取新的尺寸尺寸并调整图像大小。您应该提供一个示例并尝试帮助更好地理解该问题。

标签： jquery html jquery-ui draggable

【解决方案1】：

使用背景颜色我认为没有问题：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", "") 更改大小时读取背景

【讨论】：

我的问题不在于 div 的高度。如果动态元素的宽度较大，那就是问题所在。