jQuery UI +加载按钮=慢？

Question

我目前遇到了jQuery UI和许多按钮的问题。我有500个记录的列表，每个记录有三个按钮。我试图用一些jQuery UI按钮微调结果集。

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

亲身感受一下这个链接（测试页虽然）：http://jesperveldhuizen.com/ui/test.php

是否有这个问题的任何变通办法？

Answer 1

jQuery UI添加和删除鼠标悬停在元素的鼠标悬停的CSS类名称。这可能会导致性能下降，因此建议使用标准CSS选择器来创建悬停和活动事件。

像这样：

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

但如果你足够的研究，你会发现，通过jQuery的类名执行添加/删除，以便它可以是100％的跨浏览器。只要这个悬停，积极的CSS选择器方法适用于你（它适用于主要的浏览器），你会没事的。

Answer 2

因此，为了使这是一个官方的回答：

JavaScript调用$('button').button()是使它缓慢。如果您只使用该调用来设置按钮的样式，则可以使用CSS来执行此操作。它看起来一样，性能会更好。唯一的缺点是你不能使用提到的方法here，但你可以很容易地克服或甚至可能不需要它们。

所以总而言之，使用CSS会更好。