3

私は隕石とjquery-layoutが初めてです。

2つを連携させる方法を見つけるのに苦労しています。jquery および jquery-layout パッケージを追加しました。ある段階で jQuery レイアウトにページをレイアウトするように依頼する必要があると思いますが、いつですか? HTML ページでこれを行うと、「/ UI レイアウトの初期化エラー / The center-pane element does not exist. /The center-pane is a required element.」というメッセージが表示されます。これは、流星がまだテンプレートをロードしていないためだと思います。この例は、流星のデフォルト アプリに基づいています。東ペインに移動するためのテンプレートを追加しました。そして、jQuery レイアウト スクリプトに貼り付けます。

では、いつ、どこで、どのようにページをレイアウトすればよいのでしょうか?

  <head>
    <title>Layouts</title>
    <script type="text/javascript">
      $(document).ready(function () {
        $('body').layout({ applyDemoStyles: true });
      });
  </script>   
  </head>

  <body>
    {{> navigation}}
    {{> hello}}
  </body>

  <template name="navigation">
  <div class="ui-layout-east">
    <p>Navigation stuff here</p>
  </div>
  </template>

  <template name="hello">
  <div class="ui-layout-north">
    <h1>Hello World!</h1>
        {{greeting}}
    <input type="button" value="Click" />
  </div>
  </template>
4

1 に答える 1