通過拖放來自動調整父容器的容量

我有三個容器，它們在內部div被調整大小時會自動調整大小。現在我想添加拖動功能到我的代碼，並保持容器自動調整大小的選項，就像它在我的例子。這個怎麼做？通過拖放來自動調整父容器的容量

我發現了幾個例子，但沒有一個使用多個容器。

$(function(){ 
    $('.inner').resizable({ 
    }); 

    /* This is not working 
     $('.inner').draggable({ 
    }); 

    */ 



});

在同一 selector

你的意思是你需要的div內重新相當大的阻力和山牆？與此同時？？ –

是的。現在調整大小，但我需要啓用拖動選項，以便父級div（class =「outer」）的大小調整爲現在可用。 – user3189644

綁定事件。

$('.inner').resizable({}).draggable({});

請參閱您的edited fiddle。

編輯：

使用兩個div會在containment: parent選項來約束像this one運動。

編輯2：

This應該解決您的問題。調整大小時調用一個用於控制外部div高度的回調函數。

編輯3：

This last fiddle應該與你提出要求。我把你的小提琴發表評論並編輯它。

2016-01-20 08:05:29 AlexBay

感謝但父div（class =「outer」）resize在您的示例中不起作用。 – user3189644

請看第二個小提琴。 – AlexBay

它仍然無法正常工作。在你的小提琴家長（class = outer）大小始終相同。在我最初的例子中，如果您調整大於父div的內部div，父級也會調整大小。 – user3189644

當您調用draggable函數時，可拖動對象position屬性將設置爲absolute，因此您需要編寫調整大小和拖動的新函數。

您可以使用mousemove和mouseup事件檢測拖動語句。

mousemove當對象處於拖動狀態時發生事件，mouseup事件發生後拖動工作。

調整大小事件是默認提供的。

入住這fiddle

2016-01-20 08:58:33 Mystika

謝謝，但如果我把它拖到容器外面，請參閱小提琴：jsfiddle.net/LakYy/3/.Fiddle包含我正在尋找的拖動功能，但我不知道如何將其實現到我的代碼中？ – user3189644

回答