Jquery UI切换按钮(复选框)单击/拖动bug

Question

我发布这个以及我想出的最佳答案.我没有找到任何类似的问题,所以这里.

当类型复选框的输入被转换为jquery ui按钮时,我观察到(如同其他人一样)如果鼠标在点击时保持完全静止,它只会注册一次点击.任何运动都是如此,没有任何反应.对于用户来说,这只能被视为片状和不可靠的行为.

其他人如何解决这种行为(使用jquery 1.6.3/jquery ui 1.8.16在chrome 14和8中观察到)？是否有一些明显的东西我不知道因为我必须达到预期的行为？

Answer 1

我从上面链接的jquery ui页面的问题报告中得到了这个解决方法的想法,但它需要一些工作:jsfiddle

我在标签上附加了一个点击监听器,并自己处理状态变化.我还发现有必要阻止切换按钮上的文本选择.这是用css完成的(在SO的其他地方找到)

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;   
}

也许这可以节省下一个想要使用jquery ui切换按钮的人一段时间和悲伤.如果有人有更好/更清洁的解决方案,我很感兴趣!