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

Question

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

它的工作方式是， slider handle 最初是隐藏的，当用户单击 slider 上的任意位置时， handle 会出现，方法是:

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

但是，用户必须至少在 slider 上单击两次才能使用键盘(即 left 或 right 键)移动 handle 。

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

Answer 1

如果 slider 具有焦点，则只能使用箭头键移动 slider 。简单添加:

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

请注意，如果 slider 失去焦点，箭头键将再次禁用。如果您希望他们无论如何都做出响应，则必须将 .keypress 或类似内容绑定(bind)到 document，但这可能不是最好的主意。