2016-12-02 6 views
0

У меня возникла проблема с автозаполнением jQuery. Кажется, что все работает нормально, но выпадающий список не отображается.jQuery Autocomplete не работает - выпадающий список не отображается

HTML-:

<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 файл:

enter image description here

И когда запрос файла: // локальный: 8888/Szczerapraca /search.php?term=boo он возвращается с массивом JSON: ["Booking.com", "Taboo.com"]

Так что все выглядит нормально до сих пор, но выпадающий список никогда не появляется.

Я попытался изменить Z-индекс коробки 1000 в CSS стиль, но не помогло

Спасибо заранее!

+0

Вы загружаете jqueryui дважды, что может вызвать проблемы. У вас есть ошибки? Если вы проверите, можете ли вы увидеть div для автозаполнения? –

+0

@ Anthony Thompson Я пробовал удалять файлы jqueryui без везения. В отладчике Firefox ошибок в консоли нет. Автозаполнение было размещено в

- Я попробовал обернуть его в
, но ничего не изменилось. – Piotrek

ответ

0

После проверки «ответа» в отладчике Firefox (щелкните на вкладке «сеть», а затем на переданных данных появятся дополнительные опции), оказалось, что ответ включал в себя html-компоненты, например, и т. Д. Конечно, не отображаются при простой проверке URL-адреса в браузере. После удаления html-частей из файла search.php все работает отлично. D'о!

Смежные вопросы