在FireFox中选择的jquery插件中聚焦不正确

Question

在示例中，我有两行。在第一行中，表格工作正常，但在第二行中，我必须按两次TAB才能关注下一个CHOSEN元素。我注意到，这个bug是在FireFox中重现的，只有当CHOSEN下拉列表中有一个滚动时（没有它可以正常工作）。

代码示例：http://jsfiddle.net/streamcode9/fp5pE/

是FireFox还是CHOSEN问题？有可能解决它吗？

Answer 1

原因是Firefox将重点放在结果列表的ul元素上。我通过将tabindex="-1"添加到ul中的chosen.jquery.js标记来解决此问题。

<ul class="chzn-results" tabindex="-1">

Answer 2

以下解决方案为我工作

$('html,body').animate({
    scrollTop: $('select').data('chosen').container.offset().top
});

但是，您需要根据项目要求将自己的选择器放在$（＆＃39; select＆＃39;）