0

jQuery UI レイアウト プラグイン ( layout.jquery-dev.net ) を使用して 2 をサイズ変更可能にし<div>ます。centerここに表示されているのはとeastパネルだけです。

ドキュメントから、最も単純なレイアウトを機能させることができました：

<script type ="text/javascript">
  $(document).ready(function () {
    var oOptions = {
      applyDefaultStyles: true
    };
    $('body').layout(oOptions);
  });
</script>

<body>
  <div class="ui-layout-center">Center</div>
  <div class="ui-layout-east">East</div>
</body>

しかし、私が自分のことを試してみると（垂直の仕切りをドラッグして両方のパネルのサイズを変更できます）、完全に機能しなくなります。

var oOptions = {
  closable:         false,
  resizable:        true,
  slidable:         true,
  center__minWidth: 200,
  east__minSize:    200
};

私は JavaScript のバックグラウンドがなく、ここで質問するのはばかげているかもしれません。<script>しかし、デモページ（上記と同じ）を読んで理解したところ、resizableオプションのみで問題なく動作するはずです。

4

1 に答える 1