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非常受欢迎，并且在类似的产品线上有许多解决方案。您可以查看的其他解决方案很少：

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

可能你可以查看其中一个，直到bug没有解决。

JQuery tagit键盘导航无法正常工作

1 个答案: