У меня возникла проблема с автозаполнением 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 файл:
И когда запрос файла: // локальный: 8888/Szczerapraca /search.php?term=boo он возвращается с массивом JSON: ["Booking.com", "Taboo.com"]
Так что все выглядит нормально до сих пор, но выпадающий список никогда не появляется.
Я попытался изменить Z-индекс коробки 1000 в CSS стиль, но не помогло
Спасибо заранее!
Вы загружаете jqueryui дважды, что может вызвать проблемы. У вас есть ошибки? Если вы проверите, можете ли вы увидеть div для автозаполнения? –
@ Anthony Thompson Я пробовал удалять файлы jqueryui без везения. В отладчике Firefox ошибок в консоли нет. Автозаполнение было размещено в
- Я попробовал обернуть его в , но ничего не изменилось. – Piotrek