Resizable遏制不起作用

Question

我製作了一個可拖動和可調整大小的div。可拖動遏制似乎工作，但它不能調整大小。你知道爲什麼嗎 ？這是我的HTML：

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

我的jQuery代碼是（其中自$面積是代表.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％。所以我把這個形象，爲遏制和它的作品...

感謝。