私のアプリケーションには、複数のページで再利用されるコードがあります。私がこれを持っているとしましょう:
+ page_A.html
- includes partial_1.html
+ page_B.html
- includes partial_1.html
これで、partial_1.html の DOM 要素に JavaScript イベントが関連付けられました。これらは、次の 2 つのカテゴリに分類できます。
- パーシャルが使用されるページに関係なくバインドする必要があるイベント (タイプ I)
- パーシャルがレンダリングされるページに応じて、異なる方法でバインドする必要があるイベント (タイプ II)
私がそれを整理した方法は次のとおりです。
- partial_1.html --> テンプレート用
- partial_1.css --> CSS 用
- partial_1.js --> モデル/コントローラーおよびタイプ I バインディング用
- partial_1__A --> ページ A に固有のタイプ II バインディング用
- partial_1__B --> ページ B に固有のタイプ II バインディング用
- 等々....
明らかに、多くのテンプレートがある場合、これは面倒になる可能性があります。幸いなことに、この段階では 2 つしか持っていないので、大したことではありません。しかし、私は疑問に思っています:
- これを処理するより良い方法があります
- 既存のフレームワーク/ライブラリを活用できます。backbone.jsはこれに何らかのメカニズムを提供しますか?