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