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

http://layout.jquery-dev.net/demos/simple.htmlの jquery-layout Simple デモのように、 jqueryuiも含まれている場合に機能します。

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 に答える
0

レイアウト プラグインを 2 回初期化しています... 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 に答える