Jquery布局无法调整大小
Jquery布局无法调整大小
提问于 2012-05-19 11:54:48
我无法设置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>回答 3
Stack Overflow用户
发布于 2014-03-25 16:23:09
当jquery jqueryui也被包含进来的时候，就像http://layout.jquery-dev.net/demos/simple.html上的-layout简单演示一样，它也适用于我。
请确保先包含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>Stack Overflow用户
发布于 2018-12-10 23:39:37
针对Webpack用户的2018年更新
正如@codeless提到的，您需要在布局之前加载' jquery-ui‘(通过首先显式导入'jquery-ui’)，但请确保您还加载了jquery-ui的'resizable‘和'draggable’模块
import 'jquery-ui/ui/widgets/resizable';
import 'jquery-ui/ui/widgets/draggable';否则调整窗格大小将不起作用
Stack Overflow用户
发布于 2012-05-19 12:32:43
您正在初始化布局插件两次...尝试合并myLayout定义和初始化选项：
$(document).ready(function() {
var myLayout = $('body').layout({
west: {
resizable: true,
resizeWhileDragging: true,
slidable: true
}
});
alert(myLayout.options.west.resizable); //returns false
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10662167
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号