簡體   English   中英

如何讓jQuery UI布局插件工作?

[英]How does one gets the jQuery UI layout plugin to work?

我願意使用jQuery UI布局插件( layout.jquery-dev.net )來制作2個可調整大小的<div> 這將是我們在這里可以看到的centereast面板。

從文檔中我可以使最簡單的布局工作:

<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選項。

使用jQuery 1.9.2做了這件事。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM