0

レンダリングで自分のページをレンダリングしたい

  1. ヘッダー
  2. 体

問題は、両方の部分をレンダリングすると、本体が.contentdiv にラップされないことです。ここにいくつかのコードがあります。

<html>
<head></head>
<body>
  <div id="content">

      <script type="text/template" id="header-template">
        <div>navbar</div>
      </script>
      <div id='header-container'></div>

      <script type="text/template" id="body-template">
        <p>Welcome !</p> <!-- Is not wraped inte the #content div -->
      </script>

    </div>
</body>
</html>

バックワンを使用して、次のことを行います。

hearder.render();
body.render();

ありがとう ！

4

1 に答える 1

0

HTMLは完全に壊れています。テンプレートには閉じられていないが、ページには一致<div>しない</div>閉じタグがあります。document.write最初のテンプレートがタグを開き、後のテンプレートがタグを閉じるという、ある種のスタイルテンプレートを試みているようです。私はそれをお勧めしません。ビューを特定の要素にレンダリングする方法については、 Backbone.Viewのドキュメントを参照してください。

基本的に、DOMにはコンテナ要素が必要です。

<div id="header-container"></div>
<div id="content"></div>
<div id="footer-container"></div>

次に、ビューをその要素にレンダリングします。

body.render({el:"#content"});

または：

body.render();
$("#content").html(body.el);

これらを修正すれば、もう少しうまくいくかもしれません。

于 2013-01-16T12:51:20.497 に答える