2011-11-23 26 views
6

jQuery UIのオートコンプリートを使用して、autoFocusオプションを実装しようとしています。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 
}); 
+0

あなたはエラーを取得していますか?何がうまくいかないの? – jrummell

+0

リスト内の最初の項目に自動フォーカスしていません。 autoFocusによると、それを行う必要があります。 – Nicolo77

+0

残念ながら、あなたのコードとautoFocusプロパティの使用に間違いはありません。私は自分のデモを取得することさえできません...あなたの最善の策は、私の答えを使用し、負荷に集中したい要素に焦点を当てることです。実際には、同じような効果を達成するために実際に入力される文字数は少ないので、そうすることで何かを失うことはありません。 –

答えて

6

jQueryUI(1.8.9)の古いバージョンを使用しています。オプションは1.8.16でうまく動作します。実際には、the changelogによれば、autoFocusオプションが1.8.11で追加されていますので、> 1.8.11以上のバージョンでうまくいくはずです。

は1.8.16を使用して更新の例を参照してください:http://jsfiddle.net/Bqujj/

+0

私は実際に1.9.0の最新バージョンを使用していますが、動作しません。 – elvenbyte

+0

@elvenbyte:最新バージョンを使用した例です:http://jsfiddle.net/Bqujj/60/ –

+0

自分の質問を私が仕事をしようとしているコードに入れて、このスレッドをあふれさせないようにしてください。どうもありがとう。 – elvenbyte

0

ソースオプションの前に、autoFocus = trueを保ちます。例えば下記のように。

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

これは絶対に違いはありません。 –

0

オープンのjQuery-ui.jsファイルと "オートコンプリート" を検索してください。 "autoFocus"を "true"に変更します。例:

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

Screen shot of config

関連する問題