Javascript typeahead.js:uncaughttypeerror:无法读取属性'；长度'；空的

我浏览了所有其他的空的

'length

问题，但它们对我没有帮助

我正在学习使用typeahead.js将autosuggest实现为表单的教程，但它不起作用。Chromes控制台发出：

Uncaught TypeError: Cannot read property 'length' of null

有人能帮我指出我错在哪里吗

以下是相关的html：

<form action="index.php" method="get" autocomplete="off">
    <input type="text" name="user" id="users">
    <input type="submit" value="Go">
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/typeahead.js"></script>
<script src="js/global.js"></script>

---

在YouTube教程评论中，有人指出：

在我更换时为我工作：

remote:'users.php？query=%query'

与：

---

现在它开始工作了。

在YouTube教程评论中，有人指出：

在我更换时为我工作：

remote:'users.php？query=%query'

与：

---

现在它可以工作了。

错误出在哪里？@CodeiSir用Chromes控制台的屏幕截图编辑了我的文章使用Chrome web inspector查看服务器发送和发送的内容。@user2182349 web inspector在输入字段或按钮上方悬停时，没有显示其放大镜。抱歉，第一次使用它，但它应该非常简单？！如果我做错了什么，请给我指出正确的方向……错误在哪里？@CodeiSir使用Chromes控制台的屏幕截图编辑了我的文章使用Chrome web inspector查看发送到服务器和从服务器发送的内容。@user2182349 web inspector在输入字段或按钮上方悬停时没有显示其放大镜。抱歉，第一次使用它，但它应该非常简单？！如果我做错了什么，给我指出正确的方向。。。

$(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()   // what is ttAdapter() ?
    });
});

remote: {
    url: 'users.php?query=%QUERY',
    wildcard: '%QUERY'
}