jquery - jQuery UI + 大量按钮 = 慢？

Question

我目前遇到 jQuery UI 和许多按钮的问题。我有一个包含 500 条记录的列表，每条记录都有三个按钮。我正在尝试使用一些 jQuery UI 按钮微调结果集。

不幸的是，这完全阻塞了我的浏览器。Internet Explorer（当然）是其中最慢的。

在此链接上亲自查看（尽管是测试页面）：http: //jesperveldhuizen.com/ui/test.php

有没有解决这个问题的方法？

score 2 · Accepted Answer

jQuery UI 在鼠标悬停和鼠标移出元素时添加和删除 CSS 类名。这可能会影响性能，因此建议使用标准 CSS 选择器来创建悬停和活动事件。

像这样：

.css3button { background-color: blue; }
.css3button:hover { background-color: green; }
.css3button:active { background-color: red; }

尽管如果您进行了足够的研究，您会发现 jQuery 通过添加/删除类名来实现，因此它可以 100% 跨浏览器。只要这种悬停，主动 CSS 选择器方法对您有效（并且适用于主要浏览器），您会没事的。

score 1 · Accepted Answer

因此，要使其成为官方答案：

Javascript调用$('button').button()使它变慢。如果您只使用该调用来设置按钮样式，您也可以使用 CSS 来执行此操作。它看起来一样，性能会好得多。唯一的缺点是您不能使用此处提到的方法，但您可以轻松克服，甚至可能不需要它们。

因此，总而言之，使用 CSS 会更好。

2 回答 2