2017-01-14 17 views
1

私は入力フィールドの1つにAsp.netビューのオートコンプリート機能を追加する予定だから、Jquery UIからサンプルを試して、表示:JQuery UIオートコンプリートがMVCで動作しないView

ただし、アプリケーションを実行して入力フィールドに何か入力すると、候補は表示されません。コードの問題は何ですか?

+1

ブラウザのコンソールでスクリプトのエラーを確認してください。あなたのコードはうまく動作しますhttp://jsbin.com/livajenuco/edit?html,js,output – Shyju

+0

このコードはうまく動作しますhttps://jsfiddle.net/ajays871/j6p0ogjt/ – user3775217

+0

最後に 'document.ready'スクリプトを入れてくださいあなたの 'body'タグの – sweaver2112

答えて

0

CDNを使用する代わりに、jQueryとjQuery UIの両方をダウンロードすることをお勧めします。最新のjQueryバージョンを使用する際の問題は、それがどのバージョンであるか、または現在のjQuery UIバージョンと互換性があるかどうかを決して知らないことです。

jQueryの最新バージョンURLを使用すると、そのバージョンが時々変更されることがあります。変更が破損したり、外部ライブラリ(jQuery UIなど)と互換性がない場合があります。 https://jquery.com/download/

としてだけでなく、jQueryのUI:: https://jsfiddle.net/zymh9xk9/

$(document).ready(function(){ 
    var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks"]; 
    $("#seed_one").autocomplete({source:data}); 
}); 

は、ここでのjQueryの(安定)バージョン最新の生産をダウンロード:

また

は、ここでのオートコンプリートのための作業フィドルだ https://jqueryui.com/download/

+0

私はまだオートコンプリートがHTMLDocumentの関数ではないというエラーが表示されています。 。以下はChromeでのエラーのスクリーンショットです:[link](http://prntscr.com/dvlwhm) –

+0

jQueryの直後にjQuery UIを呼び出していますか?このエラーは、jQuery UIがロードされていない場合にのみ発生します。あなたのページを調べて、あなたのファイルが「要素」タブ(Google Chromeを使用している場合)にロードされているかどうかを確認することができます。 – Anna

+0

要素タブを見ました。 JQueryがロードされているようだが、JQuery UIはロードされていないようだ。どうして?私はBowerを介してJQuery Uiをインストールし、JQueryをリンクした直後にリンクしました。 ここにElementタブ:[リンク](http://prntscr.com/dvlz9w) –

関連する問題