JQuery tagit 键盘导航不起作用

Question

如问题中所述，我们在项目中使用JQuery Tagit。我们正在使用 ajax 搜索来填充关键字。我们这里面临的问题是，当用鼠标点击搜索结果时，它的工作方式与描述的完全一样，但是，如果我们使用键盘导航选择一个结果，那么下一次 ajax 搜索将不会发生第一个关键字按下（它只在第二个关键字按下后才起作用） 补充一点，如果我们使用鼠标做同样的事情，整个过程非常有效。我希望我很清楚。请在下面找到代码：

$('#tags_3').tagit({
    allowSpaces: false,
    placeholderText: 'Search Clients',
    autocomplete: ({
        source: function(request, response) {
            // alert(request.term);
            $.ajax({
                url: '/searchClients',
                data: {
                    format: "json",
                    keywords: request.term
                },
                dataType: 'json',
                type: 'GET',
                success: function(data) {
                    response($.map(data, function(item) {
                        return {
                            label: item.name,
                            value: item.name
                        }
                    }));
                },
                error: function(request, status, error) {
                    alert(error);
                },
                complete: function(request, status, error) {}
            })
        },
    })
});

编辑 1：在文档页面上也发现了问题

我们刚刚发现这个问题也在文档page 上。在第一个示例中，如果您按“a”然后通过键盘选择值，那么您将无法再次按“a”，直到按下其他键。希望有办法解决这个问题..！

任何帮助将不胜感激。

Answer 1

所以，好吧，我猜这是一个已知的错误，已经在他们的错误页面here 上报告了。然而，tag-it 非常流行，并且在类似的线路上有许多可用的解决方案。您可以研究的其他解决方案很少：

1. http://webspirited.com/tagit/
2. https://github.com/Nikku/jquery-tagit

也许你可以研究其中一个，直到错误没有解决。