.オートコンプリートは関数ではありません エラー

以下は私のコードです。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

そして、私のHtmlコードは

<div class="ui-widget">
<input name="searcharea" class="selectarea" id="searcharea" type="text" value="" placeholder="Area">
</div>

そして、私の関数は

<script>
$(function(){
    $( "#searcharea" ).autocomplete({
        source: "suggestions.php"
    });
    $( "#searchcat" ).autocomplete({
        source: "suggestions1.php"
    });
});
</script>

このページを私のウェブサイトの検索コードと一緒に別のファイルに入れて、いろいろなページに埋め込んでいます。

$( "#searcharea" ).autocomplete({

私のウェブサイトのリンクは http://www.jodhpuryp.in/

これは私の自己暗示ボックスのソースです。 http://api.jqueryui.com/autocomplete/

誰か教えてください。私のウェブサイトのインデックスページでは動作しているのに、他のページでこのエラーが発生している理由を。

プログラミング
autocomplete html jquery autosuggest
25日 10月 2013 в 1:25
17 ビュー
ソリューション

問題を発見しました。Google翻訳者用に別のjqueryファイルを入れていたので、それらが衝突してオートコンプリート機能がロードされなくなっていたのです。

解説 (2)

オートコンプリートを定義しているライブラリが実際にロードされる前に、オートコンプリートが呼び出されているようですが、意味がありますか？

スクリプトが参照ではなくインラインにある場合は、ページの一番下に移動させてください。あるいは（私の希望する方法ですが）、スクリプトを外部の.jsファイルに置き、それを参照するようにします。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="yourNewJSFile"></script>

編集: スクリプトを外部に置く場合は、依存しているJQueryライブラリの後で参照されていることを確認してください :)

Krayg
編集した答え 25日 10月 2013 в 2:33
解説 (4)

完全なjquery UIライブラリを使用していない場合、Widget、Menu、Position、Coreのいずれかが欠けていると、この現象が発生する可能性があることに注意してください。 お使いのjQuery UIのバージョンによっては、依存関係が異なる場合があります。

解説 (0)