javascript - 为什么用户必须单击两次才能启用 JQuery UI Slider 的键盘控制

Question

我在这里实现了一个自定义滑块：http: //jsfiddle.net/4wZ8d/

它的工作方式是滑块手柄最初是隐藏的，当用户单击滑块上的任意位置时，手柄就会出现，方法是：

$("a.ui-slider-handle").hide();
$("a.ui-slider-handle").show();

left然而，用户必须在他/她使用键盘（即或right键）移动手柄之前至少在滑块上单击两次。

有人知道是什么导致了这种行为吗？

Answer 1

尝试添加：

$("a.ui-slider-handle").focus();

后

$("a.ui-slider-handle").show();

也许你只需要元素来获得焦点。

Answer 2

如果滑块有焦点，您只能使用箭头键移动滑块。简单添加：

$("a.ui-slider-handle").show().focus();

请注意，如果滑块失去焦点，箭头键将再次禁用。如果您希望他们无论如何都做出回应，您将不得不绑定.keypress或类似的document东西，但这可能不是最好的主意。