写真を参照してください。ここに、私がやりたいことの説明があります
私はrequire.jsを使用してモジュラーアプローチでbacbone.jsを使用しています
私のindex.htmlには
<body class="claro"> <div id='container'> </div> </body>
メイン ビューとヘッダー ビューは 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);
現在、HeaderView には 3 つのリンクがあり、クリック時にそれぞれ異なるビューをレンダリングしたいのですが、メイン ビューとヘッダー ビューは常にそこに残ることに注意してください。どうしようかな。
個々の .html ファイルに保存されているビューごとに異なるテンプレートがあることに注意してください