Jquery UIのオートコンプリートが機能しない

jquery UIのオートコンプリート機能を実装しようとしていますが、何か問題があります。私はもともと「機能ではない自動完成」というエラーを持っていましたが、私のスクリプト参照をすべて本文の下に移動すると、そのエラーは（不明な理由で）消えました。今、オートコンプリートは機能していないので、私はもうエラーは出ません。私はもともと自分のコードを使っていましたが、うまくいかなかったので、私は事例を取り上げるために例に置き換えました。ここでJquery UIのオートコンプリートが機能しない

はJavascriptです：

<script type="text/javascript" src="jquery-1.6.1.min.js"></script> 
<script src="content/js/custom/jquery.ui.core.min.js"></script> 
<script src="content/js/custom/jquery.ui.widget.min.js"></script> 
<script src="content/js/custom/jquery.ui.position.min.js"></script> 
<script src="content/js/custom/jquery.ui.autocomplete.min.js"></script> 

<script> 
$(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $("#auto").autocomplete({ 
     source: availableTags 
    }); 
}); 
</script>

編集：最後に表示するHTMLを得ました。ここで私は輸入品のすべてをチェックしているし、私の知る限り、彼らはすべてを見つけることができる

<input type="text" id="auto" name="auto"/>

入力欄であり、私はすべての依存関係を持っています。私はWindows XPのMozilla Firefox 5.0でこれを実行しています。

ありがとうございました！あなたはこのway.Iを試すことができます

出典

2011-07-19 Kathleen

あなたは完全な例を示してください可能性：http://jsfiddle.net/を – marto

私はあなたを助ける任意の情報が欠落していますか？私はjsfiddleを完全に理解していないのか、それとも違いがあるのだろうと私のコードを実行しているのかわかりません – Kathleen

jsfiddleはあなたの問題を説明するページを人が編集できるようにしました（html、JS、CSS）。上記の例では、「自動」入力フィールドやHTMLボディのいずれも実際にはありません – marto

は次のように行っている：私は作品jsfiddle（リンクは以下の）にコードをコピーした

<html> 
<head> 
<script type="text/javascript" src="path/jquery.js"></script> 
<script type='text/javascript' src='path/jquery.autocomplete.js'></script> 
<link rel="stylesheet" type="text/css" href="path/jquery.autocomplete.css" /> 
<script> 
$(document).ready(function(){ 
$("#input_id").autocomplete(["ab","cd"]); 
}); 
}); 
</script> 
</head> 
... 
</body> 
</html>

出典

2011-07-19 15:07:56 SRC

私はそうするとエラー "$（document）"を受け取ります。準備が関数ではありません " – Kathleen

document.readyを取り除くには関数エラーではないので、" jQuery.noConflict（）; "という行を追加しなければなりませんでした。スクリプトタグの冒頭にあります。 $をjQueryに変更しました。私もjquery-1.6.1.min.jsをページの先頭に戻さなければなりませんでした（他はすべて本文の末尾にあります）。 – Kathleen

。

私はfirebugを使用して、すべてのJavaScriptファイルが期待どおりに読み込まれ、エラーがないことを確認します。

ウェブサーバーログを確認しない場合。

http://jsfiddle.net/m6ST6/1/

出典

2011-07-19 15:17:57 marto

Jquery UIのオートコンプリートが機能しない

答えて

関連する問題