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

Question

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

代码仍然处于alpha阶段，但附加的fiddle表明它确实跟踪了各个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，以便关注该问题的任何人都可以从我的示例代码中学习。