Question

我做了一个div可拖动和可调整大小。对draggable的收容似乎有效，但它不适用于可调整大小。你知道为什么吗？这是我的HTML：

<div class="page">
    <div class="area"></div>
</div>

我的jquery代码是（其中self。$ area是表示.area div的jquery对象）：

    self.$area.resizable({
        containment : 'parent',
    });

    self.$area.draggable({
        containment : '.page',
    });

我的.area处于绝对位置，而我的.page是相对的。

感谢您的帮助。

Answer 1

您可以将此 demo JSFIDDLE 引用为draggable + resizable

的简单containment

代码：

<div id="container" class="ui-widget-content">
<h3 class="ui-widget-header">Containment</h3>
<div id="resizable" class="ui-state-active">
<h3 class="ui-widget-header">Draggable & Resizable</h3>
</div>
</div>

<script>
$(function() {
     $( "#resizable" ).draggable({containment: "#container"}).resizable({
containment: "#container"
});
</script>

}）;

Answer 2

我找到了解决方案。在我的div中我有一个这样的：

<div class="page">
    <img src="..." alt="" class="imgPage" />
    <div class="area"></div>
</div>

图像尺寸为100％* 100％。因此，我已将此图像用于收容，并且有效......

感谢。

可调整大小的遏制措施不起作用

2 个答案: