jQuery自动完成无法正常工作 - 下拉框没有出现

Question

我遇到jQuery自动完成问题。一切似乎工作正常，但下拉框不会出现。

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文件：

当查询文件时：// localhost：8888 / Szczerapraca / search.php？term = boo它返回JSON数组：[“Booking.com”，“Taboo.com”]

所以到目前为止一切看起来都很好，但下拉框永远不会出现。

我尝试在CSS样式中将框的z-index更改为1000，但没有帮助

提前谢谢！

Answer 1

在Firefox调试器中检查“响应”后（点击“网络”选项卡，然后点击发送的数据，应该出现其他选项），结果发现响应包括html部分等。当然这些没有只需在浏览器中检查URL即可显示。从search.php文件中删除html部分后一切正常。 D'哦！