在jquery中不能将焦点更改为滑动条

cannot change focus to slider in jquery

本文关键字:焦点 jquery 不能      更新时间:2023-09-26

我有一个函数,当用户按回车键时,它会改变焦点。这个函数在大多数页面上工作得很好,但现在我有一个页面有1个选择和2个滑块(jqueryui)。当我按回车键时,焦点不会变为滑块。一个console.log语句告诉我,我的select返回了正确的元素数组:

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();

也失败了。这不是代码问题,这是一个滑动器的问题。如何设置对滑块的焦点?

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

)
$('#field_fuelquantityrangeslider .ui-slider-handle').focus();