Question

我有以下代码：

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

draggable中的html代码动态添加并以不同的宽度更改

我的问题是当draggable中的html组件被更改为大于它们之前刚刚在div之外重叠的组件时。

如何使draggable的背景可调整大小，所以当内容被更改时，背景也会改变？

Answer 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

1 个答案: