jQuery UI--按鈕組按鈕並不總是在第一次點擊時工作

Question

我正在使用jQuery UI按鈕組（基於幾個單選按鈕）。一切工作都很好，除非有時當你點擊其中一個按鈕時什麼也沒有發生（就好像你從來沒有點擊過它一樣）。我想也許這也許是我的執行有問題，所以我去了現場演示：

http://jqueryui.com/demos/button/#radio

而且花了些時間點擊周圍的不同選擇之間翻轉。我有同樣的問題！隨機點擊將被忽略！

我碰到這個網站：

http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/

哪個推出自己的版本，我無法複製同樣的問題。這導致我相信jQuery UI實現有一些小小的怪癖嗎？

有沒有人看到這個？我花了一些時間試圖找到其他人有同樣的問題，並沒有發現任何提及它。其他人看到同樣的問題嗎？

Answer 1

這也發生在我身上。

我認爲問題在於，您必須在點擊按鈕時仍然保持鼠標不動，否則它將無法工作。

例如，嘗試按慢速移動鼠標時按下按鈕。除非鼠標幾乎沒有移動，否則按鈕將不起作用。也可以嘗試拖動即使只有一個像素的按鈕，然後釋放。

您遇到該網站的網站似乎使用mousedown來避免此問題。他們也在使用舊版本的jQuery UI，這可能是一個因素。

Answer 2

$("#radio").buttonset(); 
$("#radio").find("label").unbind("mouseup"); 

因爲jQuery的源代碼有：

.bind("mouseup" + this.eventNamespace, function(event) { 
    if (options.disabled) {return; } 
    if (startXPos !== event.pageX || startYPos !== event.pageY) { 
        clickDragged = true; 
    } 
}