jQuery自动完成协助_Jquery_Jquery Autocomplete

jQuery自动完成协助

jquery

jQuery自动完成协助,jquery,jquery-autocomplete,Jquery,Jquery Autocomplete,第一次发布，请耐心听我说……我一直在尝试将这里找到的jQuery Autocomplete代码合并到我的项目中，以便对其进行调整。我一直在寻找解决方案，但大部分时间都没有成功我尝试过简单地将自动完成代码粘贴到notepad++中并保存为html文件，然后在浏览器chrome中启动它，但没有成功，还尝试了JSFIDLE，得到了相同的结果。我可以看到文本框，但不幸的是，当我键入任何内容时，自动完成功能都不会拾取任何内容我不确定这是否与标签有关，或者我只是缺乏经验，缺少一些经验丰富的开发人员很快就

第一次发布，请耐心听我说……我一直在尝试将这里找到的jQuery Autocomplete代码合并到我的项目中，以便对其进行调整。我一直在寻找解决方案，但大部分时间都没有成功

我尝试过简单地将自动完成代码粘贴到notepad++中并保存为html文件，然后在浏览器chrome中启动它，但没有成功，还尝试了JSFIDLE，得到了相同的结果。我可以看到文本框，但不幸的是，当我键入任何内容时，自动完成功能都不会拾取任何内容

我不确定这是否与标签有关，或者我只是缺乏经验，缺少一些经验丰富的开发人员很快就会意识到的明显的东西

下面是我从jQuery自动完成页面添加引用代码的尝试

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
];
$( "#tags" ).autocomplete({
  source: availableTags
});
  });
  </script>
</head>
<body>

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>


</body>
</html>

如有任何建议，将不胜感激。仅供参考，我的第一部分工作如下所示，我知道我需要添加某些标记，但不确定是哪一个-即使在添加示例代码中所示的标记后，我也没有成功

<!doctype html>
<html>
<head>
 <title>Your Team</title>
 <meta charset="utf-8" />
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">

您需要确保将库添加到JSFIDLE

我已经在左侧为您添加了链接注释，jquery库已经添加

JAVASCRIPT

 $(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});

HTML

您的第一个代码示例在放入小提琴时工作正常：。但是，当您在本地进行测试时，需要在库中包含http协议，请将src=//code.jquery.com/jquery-1.10.2.js更改为src=http://code.jquery.com/jquery-1.10.2.js.Huge 帮帮忙这会让我忙上一段时间，谢谢。正确。只要我对框架和扩展部分做了修改，我就可以让它工作了。在我更改这些扩展之前，我一定是错误地更改了它们，所以再次感谢！

<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>