4

ネストされたインナー センターとインナー サウスを作成するにはどうすればよいですか? 以下は、「Inner Center」と「Inner South」を表示する以外に何もしていないようですか？インナー センターとインナー サウスのレイアウト リサイザーを表示するにはどうすればよいですか?

<html>
    <head>
        <title>TEST</title>
        <script src="jquery-latest.js"></script>
        <script src="jquery.layout-latest.js"></script>
        <script>
            $(document).ready(function () {
                $('body').layout({ applyDefaultStyles: true });
            });
        </script>
    </head>

    <body>
        <div class="ui-layout-center">
            Center
            <div class="ui-layout-center">Inner Center</div>
            <div class="ui-layout-south">Inner South</div>
        </div>
        <div class="ui-layout-north">North</div>
        <div class="ui-layout-west">West</div>
    </body>
</html>

http://layout.jquery-dev.net/demos/example.html

^これと似ていますが、「中心」エリアに「内中心」と「内南」があります。

4

1 に答える 1

8

ネストされたレイアウトが必要な場合はlayout、ネストするコンテナごとに呼び出す必要があります。したがってui-layout-center、ネストされたコンテナがある現在の場所を次のようにマークする必要がありidます。

<div class="ui-layout-center" id="inner">
    <div class="ui-layout-center">Inner Center</div>
    <div class="ui-layout-south">Inner South</div>
</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-west">West</div>

そして、再度layouton#innerを呼び出して、ネストされたレイアウトを作成します。

$('body').layout({
     applyDefaultStyles: true
});
$('#inner').layout({
     applyDefaultStyles: true
});

JSFiddle のデモ。

公式の複雑なデモも参照してください

于 2013-07-19T05:12:39.333 に答える