jQuery UI自動完成自動對焦不起作用

我正在使用jQuery UI自動完成並嘗試實現自動對焦選項。jQuery UI自動完成自動對焦不起作用

該文檔指出以下內容：如果設置爲true，則第一項將自動聚焦。

我創建了一個基本示例，無法開始工作。我必須失去一些明顯的東西。在這裏看到：http://jsfiddle.net/9bQJX/

$("#autocomplete").autocomplete({ 
    source: [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ], 
    autoFocus: true 
});

來源

2011-11-23 Nicolo77

你得到一個錯誤？什麼不工作？ – jrummell

它不是自動關注列表中的第一項。根據autoFocus它應該這樣做。 – Nicolo77

不幸的是，我沒有看到你的代碼和autoFocus屬性的使用有什麼問題。我甚至無法得到自己的演示與它一起工作......你最好的選擇是使用我的答案，並把重點放在你想要加載的元素上。在現實中，實際上它只是輸入較少的字符來達到相同的效果，所以你不會因爲這樣做而損失任何東西。 –

您使用的是舊版本的jQueryUI（1.8.9）。該選項適用於1.8.16。實際上，根據the changelog，在1.8.11中添加了autoFocus選項，所以對於任何版本> = 1.8.11的應用程序都應該很好。

請參閱使用16年8月1日更新的例子：http://jsfiddle.net/Bqujj/

來源

2011-11-26 18:05:17

我使用的是最新版本，實際上是1.9.0，但它不起作用... – elvenbyte

@elvenbyte：下面是使用最新版本的示例：http://jsfiddle.net/Bqujj/60/ –

我會把我自己的問題與我正在努力工作的代碼放在一起，只是爲了不過度填充這個線程。非常感謝。 – elvenbyte

保持autoFocus = true，前源選項。例如像下面。

$("#autocomplete").autocomplete({ 
    **autoFocus : true,** 
    source: [ 
     "ActionScript", 
     "AppleScript" 
    ] 
})

來源

2011-11-26 17:08:29

這將使絕對沒有區別。 –

開放jQuery的ui.js文件，然後搜索「自動完成」。將「autoFocus」更改爲「true」。例如

$.widget ("ui.autocomplete", { 
    version: "1.12.1", 
    ... 
    ... 
    options: { 
     ... 
     ... 
     autoFocus: true, 
     ... 
     ...

Screen shot of config

來源

2017-10-30 16:32:28

jQuery UI自動完成自動對焦不起作用

回答

相關問題