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自动完成自动对焦不起作用

回答

相关问题