javascript - 如何提高 JavaScript 性能/减少大型 HTML 页面上的页面负载？

Question

我们的页面布局如下，带有用于大量 HTML 元素(数千个 DIV)的 jQuery 单击处理程序。

布局是这样的:

<小时/>

导航栏包含至少 2000 多个 DIV 和 UL 、 LI (用于内容导航)，并且我们将 jQuery 事件处理程序绑定(bind)到每个元素:

$('.navbar-item').click(function(){ 

  /* click handler */

});

加载时间很长，而且在 IE 上性能很糟糕!我们有什么可以改进的吗？或任何替代设计来处理这个问题？

Answer 1

您还可以使用 on 函数 ( http://api.jquery.com/on/ )

例如:

$('div.navbar').on('click', '.navbar-item', function(){ 

  /* click handler */

});