JQuery tagit 键盘导航不起作用

标签 jquery ajax tag-it

正如问题中提到的,我们正在使用 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”,直到按下其他键为止。希望有一个解决方案......!

任何帮助将不胜感激。

最佳答案

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

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

也许你可以调查其中一个,直到错误没有得到解决。

关于JQuery tagit 键盘导航不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27653213/

相关文章:

javascript - 使用 jquery 和 ajax 将 json 对象发布到 mvc Controller

javascript - 仅在 Tag-it.js 中为获取的数据创建标签需要验证任何外部数据的创建标签

javascript - Cake PHP 3.0 中的 Jquery ajax 调用

javascript - 尝试通过 ajax 的 xmlhttprequest 将多个变量发布到 Controller

javascript - Controller 返回数组的内容,但在我看来我只得到类型?多维控制

jQuery Tag-It - 使用值和标签对象列表

javascript - 如何在 jQuery 中选择第 n 个 HTML 行

javascript - 隐藏宽度较大的 div 的水平离屏溢出

javascript - 如何获取 Kendo Multi Select 的选定值?

javascript - jQuery 查找表行但忽略子表中的行