我无法设法获取
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>
