jQuery-Ui可調整大小：div大小限制爲神奇邊界

當我嘗試調整div容器（#draggableItem）的大小後，將其放到指定的div區域（#newSide）中，它僅限於一種「神奇邊框」左側和底部區域。jQuery-Ui可調整大小：div大小限制爲神奇邊界

我的例子是在這個jsFiddle。

步驟：

拖動黃色方框，灰色區域的中間。
將黃色框的大小調整到灰色區域的較低（或左側）末端。

我已經讀了一個錯誤，並嘗試differend設置的位置：絕對/相對和！重要的標籤，但我不明白。

關於如何解決問題的任何想法？這是一個錯誤的CSS設置？（對我來說，這裏有必要在任何地方，我想（不只是在頂部放置可投放區域：0像素;左：0像素;）

非常感謝反正

HTML代碼：

<div id="editor"> 
    <div id="newSide"></div> 
</div> 
<div class="draggableItem"></div>

JS代碼：

$(function() { 

$("#newSide").droppable({ 
    drop: function(event, ui) { 
    } 
}); 

$(".draggableItem").resizable({ 
        containment: "#newSide", 
        grid: 1, maxHeight: 150, maxWidth: 200, minHeight: 20, minWidth: 20 
        }) 
        .draggable({ 
          containment: "#newSide", 
          grid: [1,1] 
        }); 
});

CSS：

#editor{ 
    display:block; 
    position: absolute; 
    border: 2px solid red; 
    top:100px; 
    left:100px; 
} 

.draggableItem 
{ 
    width:100px; 
    height:100px; 
    background:yellow; 
} 

#newSide 
{ 
    display:block; 
    width:401px; 
    min-height:301px; 
    height:301px; 
    background-color:#444444; 
}

來源

2013-03-23 fana

我不確定這是你在哪裏尋找的？

HTML結構：

<div id="editor"> 
    <div id="newSide"> 
     <div class="draggableItem"></div> 
    </div> 
</div>

演示：http://jsfiddle.net/QU994/13/

來源

2013-03-23 19:52:55 Kivylius

嗨，已經有很多的感謝！但那不是我正在尋找的 - 可拖動元素應該放入拖動區域。（ - >在開始時draggableItem應該在它之外） – fana 2013-03-23 20:04:55

jQuery-Ui可調整大小：div大小限制爲神奇邊界

回答

相關問題