2017-08-12 17 views
0

私はjquery uiのオートコンプリート機能を使いたいのですが、問題があります。jquery uiオートコンプリートエラーは関数ではありません

\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
< script type = "text/javascript" 
 
src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" > < /script>

私のオートコンプリートスクリプト

$("#search").autocomplete({ 
 
    source: 'autocomplete-search.php', 
 
});

私はトンを持っている:

私はグーグルの外部ライブラリを使用します彼のエラー:

jQuery.Deferred exception: $(...).autocomplete is not a function TypeError: $(...).autocomplete is not a function

at HTMLDocument. (http://localhost/sitename/script.js:382:16) at j (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:29948) at k (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:30262) >undefined

答えて

1

また、jquery-uiインクルードの前に、プロジェクトにJQuery自体を組み込む必要があります。これを解析できるようにするには、JQuery自体が必要です。あなたの他のスクリプトの前に、これをGoogleから含めてみてください。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
+0

また、jquery-ui.min.jsファイル自体にはJQueryが含まれているため、メインのJQueryファイルが必要です。 JQuery-UIは単なる拡張です。 :) –

+0

私は既にJQueryを含んでいるので、それは問題です。だから私は本当になぜそれが動作しているのかわからない – Dilak

+0

私は問題を再現することができましたが、ACTUAL DOM要素自体を選択しJQuery要素を選択しなかった場合のみです。たとえば、document.getElementById( 'search').autocomplete()や$( 'search')[0] .autocomplete()などです。しかし、それはあなたが正しい方法を選択しているようですので、何が起こっているのか分かりません。 '$(document).ready(function(){ });' の自動補完機能をラップするか、jquery要素をあらかじめ選択してください: var search = $( '#search' ); search.autocomplete(....); それは私が考えることができるちょっとです。 –

関連する問題