jQuery UI – 第一次单击时按钮组按钮并不总是有效

我正在使用一个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实现有一些小问题?

有没有人见过这个? 我花了一些时间试图找到其他人有同样的问题,并没有找到任何提及它。 还有其他人看到同样的问题吗?

这也发生在我身上。

我认为问题是你必须在点击按钮时按住鼠标,否则它将无效。

例如,尝试以缓慢,稳定的速度移动鼠标时单击按钮。 除非鼠标勉强移动,否则该按钮将无法工作。 也尝试拖动按钮,即使只有一个像素,然后释放。

你遇到的网站似乎使用mousedown来避免这个问题。 他们也使用旧版本的jQuery UI,这可能是一个因素。

  $( "#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; } }