例如,我有两行。在第一行表格中工作正常,但在第二行中,我必须按两次 TAB 才能关注下一个 CHOSEN 元素。我注意到,该错误在 FireFox 中重现,并且仅当 CHOSEN 下拉列表具有滚动条时(没有它可以正常工作)。
代码示例:http: //jsfiddle.net/streamcode9/fp5pE/
是 FireFox 还是 CHOSEN 问题?有可能解决它吗?
例如,我有两行。在第一行表格中工作正常,但在第二行中,我必须按两次 TAB 才能关注下一个 CHOSEN 元素。我注意到,该错误在 FireFox 中重现,并且仅当 CHOSEN 下拉列表具有滚动条时(没有它可以正常工作)。
代码示例:http: //jsfiddle.net/streamcode9/fp5pE/
是 FireFox 还是 CHOSEN 问题?有可能解决它吗?
原因是 Firefox 将焦点设置在结果列表的 ul 元素上。我通过添加tabindex="-1"
到.ul
chosen.jquery.js
<ul class="chzn-results" tabindex="-1">
以下解决方案对我有用
$('html,body').animate({
scrollTop: $('select').data('chosen').container.offset().top
});
但是,您需要根据您的项目要求将自己的选择器放在 $('select')