画面全体に広がる3つのdivが必要です(100%ですが、それが主なポイントではありません)。マウスを使用して幅を調整できます。私が達成しようとしている機能は、1つのdivの幅を縮小して、別のdivを広くできるようにすることです。
jQuery UI Resizableを使用することを考えていますが、複数のdivでそれを使用する例は見つかりませんでした。
例へのアイデアやリンクはありますか?
画面全体に広がる3つのdivが必要です(100%ですが、それが主なポイントではありません)。マウスを使用して幅を調整できます。私が達成しようとしている機能は、1つのdivの幅を縮小して、別のdivを広くできるようにすることです。
jQuery UI Resizableを使用することを考えていますが、複数のdivでそれを使用する例は見つかりませんでした。
例へのアイデアやリンクはありますか?
jQuery Layoutプラグインを調べて、必要なことなどを正確に実行する必要があります。
あなたはこのようにあなたが必要とすることをすることができます(テストされていませんが動作するはずです):
<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>