1

おはようございます、

sizePane（）を呼び出した後、jQueryUIレイアウトがオプションをリセットしているようです。以下をFireFoxにロードし、[サイズ変更]ボタンをクリックすると、北のペインのサイズが突然変更可能になり、ホットキーが突然再び有効になります。私はそれを間違っていますか？それともこれはバグですか？

<html>
<head><title>Layout Test</title></head>

<link href="css/jquery-ui.custom.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.layout-1.2.0.js"></script>

<script language="JavaScript">

jQuery(document).ready(documentReady);

    function documentReady(){

        jQuery('body').layout({

            defaults: {

                applyDefaultStyles: true

            },

            north: {

                enableCursorHotkey: false,
                closable: false,
                resizable: false

            },

            center: {


            }

        });

    }

</script>

<body>

    <div class="ui-layout-north">

        North Pane

    </div>

    <div class="ui-layout-center">

        Center Pane
        <input type="button" value="Resize" onclick="jQuery('body').layout().sizePane('north',100);" />

    </div>

</body>
4

2 に答える 2

5

OK、私は解決策を見つけたと思います。jQuery（'body'）。layout（）をもう一度呼び出すと、以前の「layout」オブジェクトが新しいオブジェクトに置き換えられ、すべてのオプションがリセットされます。

解決策は、元の宣言への参照を維持し、次のようにそのオブジェクトを操作することです。

<html>
<head><title>Layout Test</title></head>

<link href="css/jquery-ui.custom.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.layout-1.2.0.js"></script>

<script language="JavaScript">

jQuery(document).ready(documentReady);

    var myLayout;

    function documentReady(){

        myLayout = jQuery('body').layout({

            defaults: {

                applyDefaultStyles: true

            },

            north: {

                enableCursorHotkey: false,
                closable: false,

            },

            center: {

                enableCursorHotkey: false,
                closable: false,

            }

        });

    }

</script>

<body>

    <div class="ui-layout-north">

        North Pane

    </div>

    <div class="ui-layout-center">

        Center Pane
        <input type="button" value="Resize" onclick="myLayout.sizePane('north',100);" />

    </div>

</body>
</html>

また、「resizable：false」オプションは削除する必要があります。そうしないと、sizePane（）の呼び出しは効果がありません。

于 2011-02-08T17:20:54.230 に答える
0

このオプションをペインに追加できます。

animatePaneSizing: true

于 2014-03-12T14:56:23.870 に答える