無法將焦點更改爲jquery中的滑塊

Question

我有一個函數，只要用戶按下Enter鍵就會改變焦點。這個功能在大多數頁面上都很好用，但是現在我有了一個帶有1個選擇和2個滑塊（jqueryui）的頁面。當我按下Enter時，焦點不會變成滑塊。一的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(); 

，它也失敗了。所以這不是代碼問題，這是一個滑塊的事情。一個集合如何聚焦到一個滑塊？

Answer 1

你需要的目標滑動手柄（見https://stackoverflow.com/a/13692745/786999）：

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