2016-12-02 21 views
0

jQueryオートコンプリートに問題があります。すべて正常に動作しているようですが、ドロップダウンボックスは表示されません。jQueryオートコンプリートが機能しない - ドロップダウンボックスが表示されない

HTML:

enter image description here

とクエリファイル:// localhostを:8888/Szczerapraca今

<link rel="stylesheet" href="css/bootstrap.css"> 
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css"> 
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css"> 
<link href="jQueryAssets/jquery.ui.autocomplete.min.css" rel="stylesheet" type="text/css"> 
<link href="jQueryAssets/jquery.ui.menu.min.css" rel="stylesheet" type="text/css"> 

<script src="js/jquery-1.11.3.min.js"></script> 
<script src="jQueryAssets/jquery-ui.js"></script> 
<script src="jQueryAssets/jquery-ui.min.js"></script> 
<script src="js/bootstrap.js"></script> 

<input type="text" id="Autocomplete1"> 

<script src="jQueryAssets/jquery.ui-1.10.4.autocomplete.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $("#Autocomplete1").autocomplete({ 
     source: "http://localhost:8888/Szczerapraca/search.php", 
     autoFocus: true, 
     minLength: 2, 
    }); 
}); 
</script> 

私はデータを入力ファイルをsearch.phpに行きます/search.php?term=booこれはJSON配列で返されます:["Booking.com"、 "Taboo.com"]

これまでのところすべてがうまく見えますが、ドロップダウンボックスは表示されません。

私は、CSSスタイルで1000年に箱のzインデックスを変更しようとしたが、

は、事前にありがとう助けていません!

+0

jqueryuiを2回ロードしているため、問題が発生する可能性があります。何か間違いはありますか?オートコンプリートのdivを見ることができますか? –

+0

@Anthony Thompson 私は運がないjqueryuiファイルのいずれかを削除しようとしました。 Firefoxのデバッガでは、コンソールにエラーはありません。オートコンプリートは

に配置されました。
にラップしようとしましたが、何も変更されませんでした。 – Piotrek

答えて

0

Firefoxのデバッガで「応答」をチェックした後(「ネットワーク」タブをクリックし、送信されたデータに追加のオプションが表示されます)、レスポンスにhtmlパーツなどが含まれていることが判明しました。ブラウザのURLをチェックするだけでは表示されません。 search.phpファイルからhtmlパーツを削除した後、すべて正常に動作します。 D'oh!

関連する問題