我的应用程序有一些代码在多个页面中重用。假设我有这样的代码:
+ page_A.html
- includes partial_1.html
+ page_B.html
- includes partial_1.html
现在,partial_1.html中的DOM元素有与之关联的JavaScript事件。这些事件可以分为两类:
- 必须绑定的事件,无论使用分部代码的是哪一页(类型I)
- 必须以不同方式绑定的事件,具体取决于呈现分部的页面(类型II)
我的组织方式是这样的:
- 模板的partial_1.html --〉
- partial_1.css --〉(用于CSS)
- partial_1.js --〉用于模型/控制器和类型I绑定
- partial_1__A --〉用于特定于页面A的类型II绑定
- partial_1__B --〉用于特定于页面B的类型II绑定
- 等等....
显然,如果有很多模板,这可能会很烦人。幸运的是,在这个阶段,我只有两个,所以这不是一个大问题。但是我想知道:
1.有更好的方法来处理这个问题
1.我可以利用一些现有的框架/库。backbone.js 会为此提供某种机制吗?
2条答案
按热度按时间xu3bshqb1#
我将使用jquery来绑定事件。
我还将不同的绑定放在不同页面的代码中。
guykilcj2#
假设这些html文件是部分的,并且加载到一个已有的元素中,那么你可以使用jquery的on方法,这样你就只需要一个事件处理器,而不必在加载新内容时绑定/解除绑定事件。