我无法设法获取
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>
解决方法
当jqueryui也被包含在内时,它也适用于我,就像在
http://layout.jquery-dev.net/demos/simple.html的jquery-layout Simple demo中一样.
确保首先包含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>
