2011-01-27 61 views
1

我需要3個div來跨越屏幕(100%,但這不是主要觀點)並且能夠使用鼠標調整它們的寬度。我試圖實現的功能是能夠縮小一個div的寬度,從而使另一個div更寬。div中的可調整div div

我想使用jQuery UI Resizable,但我找不到使用多個div的任何示例。

任何ide或指向示例的鏈接?

回答

4

您應該檢查jQuery Layout plugin,完全按照您的需要做更多。

你可以做你需要這樣的東西(未測試,但應工作):

<html> 
<head> 
<script src="jquery.js"></script> 
<script src="jquery.layout.js"></script> 
<script> 
    $(document).ready(function() { 
     $('body').layout({ applyDefaultStyles: true }); 
    }); 
</script> 
</head> 
<body> 
<div class="ui-layout-center">Center</div> 
<div class="ui-layout-east">East</div> 
<div class="ui-layout-west">West</div> 
</body> 
</html> 
+0

但這幾乎是我一直在尋找。儘管如此,並不完全是我需要的功能,但我查了一個jQuery插件jGrid,它可以做到這一點。謝謝你的時間。 – sharoni 2011-01-28 08:01:48