Twitter-Typeahead不与血犬自动完成
Twitter-Typeahead不与血犬自动完成
提问于 2015-02-21 15:45:09
我的代码有点问题。我试图使用推特-Typeahead和血犬自动完成搜索。问题是这不是自动完成的。
代码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()
});
});任何帮助都将不胜感激。
谢谢，提前！
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-02-21 16:33:50
尝试在main.js和typeahead.js之前加载Jquery
Stack Overflow用户
发布于 2015-02-21 15:52:41
您可以尝试使用以下语法来创建“血犬”：
var users = new Bloodhound({
datumTokenizer: function (datum) {
return Bloodhound.tokenizers.whitespace(datum.username);
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {url: 'users.php?query=%QUERY'},
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28647649
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号