专注于jquery tokeninput元素(Chrome和Opera)

时间:2014-10-28 15:32:21

标签: javascript jquery html google-chrome jquery-tokeninput

Chrome和Opera中的tokeninput元素有问题(FF工作正常)。 当在tokeninput中选择一个或多个元素时,它不会失去焦点,光标在最后一个元素后仍然闪烁,如果你点击页面上的其他元素它们都被阻止。

您可以在此处找到简化代码:http://jsfiddle.net/busiek/439xn9ue/2/

元素定义如下:

$(document).ready(function () {
  $("#filterYachtModel").tokenInput( 
      [
        {id: 7, name: "Antares"},
        {id: 11, name: "Athena"},
        {id: 13, name: "Atlantic"},
        {id: 17, name: "Bahia"},
      ],
      {
        theme: "facebook",
        showHintAsWatermark: true,
        hintText: "enter yacht type",
        noResultsText: "no results",
        searchingText: "searching...",
        preventDuplicates: true
      });
});

我搜索过文档页面和论坛,但没有发现类似的问题。也许这是一个jQuery版本的冲突,我不知道。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这是以前修复过的插件的问题。

GitHub更新到最新版本(目前为1.6.2) - 版本loopj.com只是最后一次重大修订 - 现在已有几年了。