Question

我愿意使用jQuery UI布局插件（layout.jquery-dev.net）制作2个可调整大小的<div>。我们可以看到center和east小组here。

从文档中我可以使最简单的布局工作：

<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背景，我可能只是愚蠢地问这里。但是根据我在演示页面（same as above）阅读<script>时的理解，它应该只适用于resizable选项。

Answer 1

使用jQuery 1.9.2做了这件事。

如何让jQuery UI布局插件工作？

1 个答案: