jQueryのレイアウトは

私はjqueryのレイアウトプラグインのオプションを設定するために取得するために管理することはできません動作しないサイズ変更可能。デフォルトは正しく表示されますが、オプションは正しく表示されません。私はドキュメント上でサイズ変更可能とスライド可能に設定しようとしていますが、サイズ変更可能であることを警告するとfalseを返します。誰でもここで間違っていることに気づくことができますか？jQueryのレイアウトは

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>

出典

2012-05-19 valen

Hiyaの男 - あなたはレイアウトプラグインを意味するのですか？ http://layout.jquery-dev.net/documentation.cfm;私はjQueryの '.layout' APIを持っている場合、歓声 –

おっと、そうレイアウトプラグイン – valen

Cooleos、あなたを助けることができるかもしれない、私に知らせてくださいわからない、これはあなたが探しているものでしょうか？ **作業デモ** http://jsfiddle.net/wy69R/4/このヘルプがあれば教えてください。私は答えとして –

あなたが二回プラグインレイアウトを初期化している... myLayoutの定義と初期化オプションをconslidatingてみてください。

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

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

出典

2012-05-19 04:32:43

が試していない...何の違いを:( – valen

それjqueryuiが含まれていると、私のために働くjquery-layoutシンプルなデモ：http://layout.jquery-dev.net/demos/simple.html。

は、あなたが最初にそれが動作しません、他の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-25 08:23:09 codeless

これが正解である。これでかなり頭痛を持っていました、。！私は私が間違っているために、2つが含まれていることを実現するまで、このため – Domi

おかげで、私の問題を解決し、私はこのプラグインの開発者は、実際に簡単ですバック剥奪「シンプル」の例を提供するために、それは良いことだと思う - 。すなわち、Aリサイズ可能なパネルを備えた最小限のマルチパネルレイアウトですが、余分な膨らみ/ボタン/インラインイベントなどはほとんどありません。これは最も一般的に必要な例です。 'bloat/buttons'バージョンの問題はありません - しかし、それは別の名前を与えるかもしれない。 – Manachi

+1 +この正しい答えのためのimporovementを持っていいです - 言い添えjquery、したがって、libsのロードの正しい順序はjquery、jquery-ui、jquery-layoutです –

答えて

関連する問題