无法运行自动完成代码

Question

我从 Jquery 复制了下面的代码。当我尝试在我的系统上运行此代码时，没有执行任何操作，我是否必须更改 header 标记中的脚本中的任何内容？

下面是我复制的代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>autocomplete demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body> 
<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete"> 
<script>
var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ];
$( "#autocomplete" ).autocomplete({
  source: function( request, response ) {
          var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
          response( $.grep( tags, function( item ){
              return matcher.test( item );
          }) );
      }
});
</script> 
</body>
</html>

我是Jquery的新手，我不知道继承header中的脚本文件，你能告诉我怎么做吗？

谢谢。

Answer 1

您的代码没有问题，尽管 1 种可能性是使用相关协议来包含 jQuery 和 jQuery UI 资源。

如果您使用文件协议加载 html 页面（地址栏中的页面 url 以 file:// 开头）而不是使用像 http 这样的网络协议，或者https 那么系统将无法找到远程资源。因此 jQuery 和 UI 的加载将失败导致页面中的脚本失败。

相反，您可以尝试通过指定完整的 uri 来加载外部资源，例如

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

无法运行自动完成代码

Unable to run the auto complete code

jquery

html

jquery-ui

jquery-autocomplete

无法 运行 自动完成代码

Unable to run the auto complete code

jquery

html

jquery-ui

jquery-autocomplete

无法运行自动完成代码