在内存对象上使用jQuery on（）

Question

我正在编写一个jQuery插件，用于使用html5数据属性处理Google分析跟踪。

代码仍然处于alpha阶段，但附加的小提琴表明它确实跟踪了各个dom元素并推动了正确的结果。 （你会在控制台中看到所有这些）。

到目前为止，我唯一真正担心的是内存使用情况。 目前，我正在为每个元素绑定单个事件处理程序，因为我们都知道可能会变得混乱和内存密集。

理想情况下，我想将每个跟踪器对象存储在一个中心位置，并在jQuery on()函数内执行某种查找，以使用正确的上下文触发pushToGoogle() 。

不幸的是，我的JavaScript排序不能完全指出它，我无法找到一种有效的方式来以一种整洁的通用方式包装所有内容。

有任何想法吗？？

Answer 1

您可以使用事件冒泡。

$(document).on('click', 'a.trackEvent', function () { /* do complicated things */ });

所以基本上，文档中的任何a.trackEvent元素（所有与类trackEvent的链接）都会在单击时执行该函数。

优点是内存中只存在一个函数，如果动态创建新的dom元素，它们也会被跟踪。 您只需要一些额外的代码来识别元素。

这曾经是现场功能： http ： //api.jquery.com/live/

Answer 2

事实证明，这个过程实际上非常简单，只需要进行一些重构。

我已将我的代码插件添加到github这里，以便任何关注该问题的人都可以从我的示例代码中学习。