2011-01-27 28 views
1

画面全体にまたがる3つのdivが必要です(100%ですが、これは主なポイントではありません)。マウスを使用して幅を調整できるようにします。私が達成しようとしている機能は、あるdivの幅を縮めて、別のdivをより広くすることができるようにすることです。div内のサイズ変更可能なdiv

私はjQuery UI Resizableを使用することを考えていますが、複数のdivでそれを使用する例は見つかりませんでした。

例へのリンクまたは例へのリンクはありますか?

答えて

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

+0

jGrid?私はそれがテーブルエンハンサープラグインだと思った。 – glmxndr

+0

ええ、それは実際には、私が必要とした正確な事柄を見た例で間違っていました。あなたの提案したUI.Layoutを使用しています。 – sharoni

関連する問題