Javascript jQuery UI自动完成不';我不工作
我需要一个项目的jQuery自动完成,但它不适合我。 我不知道我的错误在哪里。 提前谢谢Javascript jQuery UI自动完成不';我不工作,javascript,jquery,html,jquery-ui-autocomplete,Javascript,Jquery,Html,Jquery Ui Autocomplete,我需要一个项目的jQuery自动完成,但它不适合我。 我不知道我的错误在哪里。 提前谢谢 <!DOCTYPE html> <html> <head> <meta charset="iso-8859-1" /> <title>Votre titre</title> <link rel="stylesheet" type="text/css" href="http://ajax.googleap
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1" />
<title>Votre titre</title>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script>
var liste = [
"Draggable",
"Droppable",
"Resizable",
"Selectable",
"Sortable"
];
$('#recherche').autocomplete({
source : liste
});
</script>
<form>
<input type="text" id="recherche" />
</form>
</body>
</html>
Votre滴度
变量列表=[
“可拖动”,
“可拖放”,
“可调整大小”,
“可选”,
“可排序”
];
$('#recherche')。自动完成({
资料来源:李斯特
});
此处的html语法存在多个问题:
- 将jquery文件的脚本标记移动到head标记
- 将脚本移动到正文后面
$(document).ready()中包含的代码只有在页面文档对象模型(DOM)准备好让JavaScript代码执行后才会运行
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1" />
<title>Votre titre</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
</head>
<body>
<form>
<input type="text" id="recherche" />
</form>
</body>
<script>
var liste = [
"Draggable",
"Droppable",
"Resizable",
"Selectable",
"Sortable"
];
$('#recherche').autocomplete({
source : liste
});
</script>
</html>
Votre滴度
变量列表=[
“可拖动”,
“可拖放”,
“可调整大小”,
“可选”,
“可排序”
];
$('#recherche')。自动完成({
资料来源:李斯特
});
请参见此处的工作示例此处的html语法存在多个问题:
- 将jquery文件的脚本标记移动到head标记
- 将脚本移动到正文后面
您的脚本必须位于body标记之后,或者可以放置它而不是head标记,并使用documentready检查允许它在页面加载后运行(请参阅)。$(document).ready()中包含的代码只有在页面文档对象模型(DOM)准备好让JavaScript代码执行后才会运行
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1" />
<title>Votre titre</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
</head>
<body>
<form>
<input type="text" id="recherche" />
</form>
</body>
<script>
var liste = [
"Draggable",
"Droppable",
"Resizable",
"Selectable",
"Sortable"
];
$('#recherche').autocomplete({
source : liste
});
</script>
</html>
Votre滴度
变量列表=[
“可拖动”,
“可拖放”,
“可调整大小”,
“可选”,
“可排序”
];
$('#recherche')。自动完成({
资料来源:李斯特
});
请参见此处的工作示例打开开发者控制台,检查那里是否有错误。打开开发者控制台,检查那里是否有错误。