1

我有一堆具有以下结构的div：

<div id="content">
  <span class="highlight">Hello1<span> 
  <span class="highlight">Hello2<span> 
  <span class="highlight">Hello1<span> 
  <span class="highlight">Hello2<span> 
  <span class="highlight">Hello1<span> 
  <span class="highlight">Hello2<span> 
</div>

我highlight 在小函数中添加鼠标 3 事件，并在 div 上添加一些操作，我正在更改 div 内容一些其他跨度标签，因此早期的鼠标事件无用仍然存在于内存中，当跨度标签在 1000 左右时它会增加 MB 时，浏览器内存会成倍增加。

有什么办法可以让我可以将 span 标签的早期鼠标事件重用到新的 div 内容 span 标签？

4

1 回答 1

2

$(document.body)例如，您需要从父容器委派您的事件

见http://api.jquery.com/on/

$(document.body).on('events list','selector',function(e) {
       //do stuff
       })
                .on('event list2','selector2',function(e) {
       //do stuff
       })
        //etc...

无论绑定到这些事件的对象数量如何，它都不会消耗更多内存

于 2013-02-09T05:43:19.683 回答