6

我无法设置 jquery-layout 插件的选项。默认渲染正确，但选项不正确。我尝试在准备好的文档上设置可调整大小和可滑动，但是当我警告可调整大小时它返回 false。谁能发现这里出了什么问题？

js：

$(document).ready(function() {  
var myLayout = $('body').layout({
   west: {
   resizable: true,
   resizeWhileDragging:   true,
   slidable:              true
   }

});
alert(myLayout.options.west.resizable); //returns false
});

html:

<body>

<div class="ui-layout-center">Center
    <div id="board">        
    </div>  
    <button onclick="set_board();">New Game!</button>
    <button onclick="execute_turn();">Turn!</button>
</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</body>
4

3 回答 3

12

当jqueryui也包含在内时，它对我有用，就像在http://layout.jquery-dev.net/demos/simple.html的 jquery-layout Simple 演示中一样。

确保您首先包含jquery-ui，然后jquery.layout，否则它将不起作用。

例子：

<script src="lib/jquery/jquery-ui-1.10.4.js"></script>
<script src="lib/jquery/jquery.layout-1.3.0-rc30.79.js"></script>
于 2014-03-25T08:23:09.213 回答
1

Webpack 用户的 2018 年更新

正如@codeless 提到的，您需要在布局之前加载“jquery-ui”（首先显式导入“jquery-ui”），但请确保您还加载了 jquery-ui 的“可调整大小”和“可拖动”模块

import 'jquery-ui/ui/widgets/resizable';
import 'jquery-ui/ui/widgets/draggable';

否则窗格调整大小将不起作用

于 2018-12-10T15:39:36.593 回答
0

您正在初始化布局插件两次...尝试合并 myLayout 定义和初始化选项：

$(document).ready(function() {
var myLayout = $('body').layout({
   west: {
   resizable: true,
   resizeWhileDragging:   true,
   slidable:              true
   }

});
alert(myLayout.options.west.resizable); //returns false
});
于 2012-05-19T04:32:43.430 回答