简单jquery自动完成输入框不工作
我正在尝试在输入文本框上实现自动完成功能。我复制了所有的代码,但似乎不起作用。这是来自jquery网站的相同代码(自动完成示例)有帮助吗简单jquery自动完成输入框不工作,jquery,css,jquery-ui,autocomplete,Jquery,Css,Jquery Ui,Autocomplete,我正在尝试在输入文本框上实现自动完成功能。我复制了所有的代码,但似乎不起作用。这是来自jquery网站的相同代码(自动完成示例)有帮助吗 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="
<!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.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/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 lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/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>
<script src=" HTTP: //code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
或者您删除了http:因为堆栈溢出?更改此选项
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
为此
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
问题是您在本地测试它,您需要在开始时添加http,它才能工作您的代码在这里工作正常。您是否检查了控制台的错误?检查jquery LibraryWorks的路径也在这里->--在这里工作!!!我已经更新了问题。控制台错误…但是为什么?它正在通过view sourceWhy-1打开jquery文件?我的答案很好。。。“未找到RR_文件”file://code.jquery.com/...“我不知道是谁给了你-1票,但你的答案是正确的。太好了……它现在起作用了……现在没有控制台错误。为什么http导致文件加载失败?如果不添加http:part,浏览器将使用您当前使用的协议,并且由于您在本地测试它,它将查找file://并且code.jquery.com不在您的文件系统中