1

ネストされたレイヤーを作成しようとしています。中央のレイヤー内に 2 つの列 (西と東) が必要です。中央ではなく西と東の列を分割して実行できるように思えますが、後でこのページでネストされたレイヤーを必要とするさらに多くの操作を行う必要があります。

jquery-layout を使用したことがありますが、ネストしたことはありません。

これが私がこれまでに持っているものです。

編集：

私はそれを変更したので、今は中央の内側を南北東西にしようとしています。これは、中心を 2 つに分割するよりも理解しやすいです。

http://jsfiddle.net/dan_vitch/gD97N/1/

4

1 に答える 1

1

私はこれをVSで動作させましたが、jfiddleはそれを好きではありません:

html:

<div class="ui-layout-north master-header">
    <h1>header</h1>
</div>
<div class="ui-layout-center" id="mainContent">
    <div class="ui-layout-north"> Inner - North</div>
    <div class="ui-layout-south"> Inner - South</div>
    <div class="ui-layout-west">  Inner - West</div>
</div>
<div class="ui-layout-south master-footer">
    <h1>footer</h1>
</div>

jquery:

$(document).ready(function(){
    outLayout = $('body').layout({
        defaults: {
           applyDefaultStyles: true
        }
    });

    innerLayout = $("#mainContent").layout({
        defaults: {
            applyDefaultStyles: true
        },
        center: {
            paneSelector:"#mainContent"
        }
    });
});
于 2011-11-04T21:08:02.340 に答える