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会更好。