0

我有一个功能可以在用户按下回车键时改变焦点。此功能在大多数页面上都很好用,但现在我有一个带有 1 个选择和 2 个滑块 (jqueryui) 的页面。当我按下回车键时,焦点不会变为滑块。console.log 语句显示我的选择正在返回正确的元素数组:

0: select#field_odometerunitsselect
1: div#field_fuelquantityrangeslider.ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all
2: div#field_fueldistancerangeslider.ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all

并且我的 javascript 正确更改为数组中的下一个元素(在本例中为 1):

$('#'+inputs.eq(nextinput).id).focus().select();

有人可以告诉我为什么上面的行不会将焦点更改为滑块吗?

为了进一步分析,我尝试用这条线手动设置焦点

$('#field_fuelquantityrangeslider').focus();

它也失败了。所以这不是代码问题,而是滑块问题。如何将焦点设置到滑块?

4

1 回答 1

3

您需要定位滑块句柄(请参阅https://stackoverflow.com/a/13692745/786999):

$('#field_fuelquantityrangeslider .ui-slider-handle').focus();
于 2013-09-19T02:45:27.677 回答