首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将特定于页面的事件绑定到可重用的DOM?

如何将特定于页面的事件绑定到可重用的DOM?
EN

Stack Overflow用户
提问于 2012-05-11 01:34:48
回答 2查看 74关注 0票数 0

我的应用程序有跨多个页面重用的代码。假设我有这个:

代码语言:javascript
运行
复制
+ 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页的第二类绑定
    • partial_1__B ->用于特定于B页的第二类绑定
    • 等等..。

显然,如果有许多模板,这可能会令人厌烦。幸运的是,在这个阶段我只有两个,所以没什么大不了的。然而,,我想知道是否:

  1. 有更好的方法来处理这个问题
  2. 我可以利用一些现有的框架/库。backbone.js会为此提供某种机制吗?
EN

回答 2

Stack Overflow用户

发布于 2012-05-11 01:37:18

我将使用jquery绑定事件。

我还会将不同的绑定放在不同的页面上。

票数 0
EN

Stack Overflow用户

发布于 2012-05-11 02:00:10

你会想要使用事件冒泡。假设这些html文件是部分文件并加载到现有元素中,则可以使用jquery的在……上面方法。这样,每个事件只有一个事件处理程序,而不必在加载新内容时绑定/取消绑定事件。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10544293

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档