Question

我正在使用jQuery UI自动完成并尝试实现autoFocus选项。

文档说明如下：如果设置为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
});

Answer 1

您使用的是旧版本的jQueryUI（1.8.9）。该选项适用于1.8.16。事实上，根据the changelog，autoFocus选项已在1.8.11中添加，因此您应该使用任何版本＆gt; = 1.8.11。

使用1.8.16查看更新的示例： http://jsfiddle.net/Bqujj/

Answer 2

打开Jquery-ui.js文件并搜索＆＃34; autocomplete＆＃34;。改变＆＃34; autoFocus＆＃34; to＆＃34; true＆＃34;。 e.g。

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

Screen shot of config

Answer 3

在源选项之前保留autoFocus = true。例如，如下所示。

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

jQuery UI自动完成autoFocus无法正常工作

3 个答案: