尽管包含了jQuery-UI,但jQuery autoComplete不起作用

时间:2016-01-12 15:53:07

标签: javascript jquery jquery-ui autocomplete

我试图研究这个主题,但我发现的所有内容都提到了不包括jquery-ui文件到标题中的常见错误。然而,我首先有jquery然后jquery-ui。我在本地托管文件,但我也尝试从官方网站复制最新的cdn链接,以确保没有做出任何奇怪的输入错误或托管过时的文件。 它仍然不起作用,我总是得到“Uncaught TypeError:$(...)。autoComplete不是一个函数” 你知道除了丢失的jquery-ui文件之外还有什么问题吗?

我的标题如下:

  <meta charset="utf-8">
  <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
  <script type="text/javascript" src="js/jquery.dataTables.min.js"></script> 
  <script type="text/javascript" src="js/jquery-ui.js"></script>
  <script type="text/javascript" src="js/dataTables.tableTools.js"></script>
  <script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.min.css">
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
  <link rel="stylesheet" type="text/css" href="css/dataTables.tableTools.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
  <link rel="icon" href="images/favicon.ico">

自动完成的Jquery代码部分如下所示:

$(document).ready(function() {
$(function () {
  $(".auto").autoComplete({
    source: "soplogsave.php",
    minLength: 3
  });
});

和html:

<p><label>Country:</label><input type='text' name='country' value='' class='auto'></p>

我可以发布php代码,但我不确定它是否相关,因为我已经尝试在jquery中使用预配置的变量但它仍然无效,我仍然得到“自动完成不是函数”错误。

1 个答案:

答案 0 :(得分:1)

我认为,你必须写自动完成而不是自动完成。

$( "#tags" ).autocomplete({
  source: availableTags
});