0

写真を参照してください。ここに、私がやりたいことの説明があります

ここに画像の説明を入力

私はrequire.jsを使用してモジュラーアプローチでbacbone.jsを使用しています

  1. 私のindex.htmlには

      <body class="claro">
         <div id='container'>
        </div>
      </body>
    
  2. メイン ビューとヘッダー ビューは 2 つの異なるモジュールであり、最初にロードします。このために、ページのロード時に呼び出される Viewmanager クラスを 1 つ作成しました。

    // This is the main container of 
    el: $('#container')
    
    
    mv = new MainView();
    this.$el.append(mv.render().el);
    
    
    header = new HeaderView();
    this.$el.append(header.render(mv).el);
    
  3. 現在、HeaderView には 3 つのリンクがあり、クリック時にそれぞれ異なるビューをレンダリングしたいのですが、メイン ビューとヘッダー ビューは常にそこに残ることに注意してください。どうしようかな。

個々の .html ファイルに保存されているビューごとに異なるテンプレートがあることに注意してください

4

0 に答える 0