jQuery自动完成功能不工作 - 下拉框不出现

我遇到了jQuery自动完成问题。一切似乎工作正常，但下拉框不出现。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文件：

当查询该文件：//本地主机：8888/Szczerapraca /search.php?term=boo它回来与JSON数组：[“Booking.com”，“Taboo.com”]

因此，一切看起来很好，直到现在，但下拉框永远不会出现。

我曾尝试在CSS样式改变框的z-index至1000，但并没有帮助

预先感谢您！

来源

2016-12-02 Piotrek

您正在加载jqueryui两次，这可能会导致问题。你有什么错误吗？如果你检查你能看到自动完成的div？ –

@Anthony Thompson 我试过删除jqueryui文件中的任何一个都没有运气。在Firefox调试器中，控制台中没有错误。自动完成被放置在

- 我试图用

包装它，但没有任何改变。 – Piotrek

在检查Firefox调试器中的“响应”后（点击“网络”选项卡，然后在发送的数据上，应该会出现其他选项），事实证明响应包括像html等html部分。在简单地检查浏览器中的URL时不会出现。从search.php文件中删除html部分后，一切正常。 D'哦！

来源

2016-12-05 16:48:54 Piotrek

jQuery自动完成功能不工作 - 下拉框不出现

回答

相关问题