我的代码有一些问题。我正在尝试使用 Twitter-Typeahead 和 Bloodhound 自动完成搜索。问题是,它不是自动完成的。
代码test.php:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test Page</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<form action="test.php" method="get" autocomplete="off">
<input type="text" name="user" id="users">
<input type="submit" value="Go">
</form>
<script src="js/main.js"></script>
<script src="js/typeahead.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>
代码main.js:
$(document).ready(function() {
var users = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('username'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: 'users.php?query=%QUERY'
});
users.initialize();
$('#users').typeahead({
hint: true,
highlight: true,
minLength: 2
}, {
name: 'users',
displayKey: 'username',
source: users.ttAdapter()
});
});
任何帮助将不胜感激。
提前谢谢!
最佳答案
尝试在 main.js 和 typeahead.js 之前加载 Jquery
关于javascript - Twitter-Typeahead 无法使用 Bloodhound 自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28647649/