jQuery UI Автозаполнение автофокуса не работает - PullRequest
Новая
       12

jQuery UI Автозаполнение автофокуса не работает

7 голосов
/ 24 ноября 2011

Я использую автозаполнение пользовательского интерфейса jQuery и пытаюсь реализовать параметр автофокуса.

В документации говорится следующее: Если установлено значение 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
});

Ответы [ 3 ]

6 голосов
/ 26 ноября 2011

Вы используете старую версию jQueryUI (1.8.9).Опция отлично работает с 1.8.16.На самом деле, согласно журналу изменений , опция autoFocus была добавлена ​​в 1.8.11, так что вам будет хорошо с любой версией> = 1.8.11.обновленный пример с использованием 1.8.16: http://jsfiddle.net/Bqujj/

0 голосов
/ 30 октября 2017

Откройте файл Jquery-ui.js и найдите «автозаполнение». Измените «автофокус» на «истина». например, 

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

Снимок экрана конфигурации

0 голосов
/ 26 ноября 2011

сохранить autoFocus = true, перед опцией источника. например, как показано ниже. 

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