使用焦点和焦点时，下拉不会打开

我有两个相同类的下拉菜单让我们称之为下拉菜单，我用jquery下拉菜单：

$('.dropdown').focus(function () { //Fiddle with this dropdown }).focusout(function () { //Fiddle with this dropdown }); 

当我在具有相同类别（下拉列表）的两个下拉列表之间跳转时，下拉列表不会立即打开而是获得焦点，我必须再次单击它才能打开它。 它似乎与我在操作它时启用和禁用列表中的选项这一事实有关。 有解决方法吗？

（我试图使用模糊而不是聚焦，并出现同样的问题）

谢谢！

编辑：

的jsfiddle

JS：

 $('.dropdown').focus(function () { var selectListIndex = $(this).attr('selectedIndex'); $('.dropdown').each(function() { $('option:nth-child(' + (selectListIndex + 1) + ')', $(this)).attr('disabled', ''); }); }).focusout(function () { var selectListIndex = $(this).attr('selectedIndex'); $('.dropdown').not($(this)).each(function() { $('option:nth-child(' + (selectListIndex + 1) + ')', $(this)).attr('disabled', 'disabled'); }); }); 

HTML：

  1 2 3   1 2 3  

Answer 1

试试这个

 $('.dropdown').focus(function () { $('.dropdown').focusout() });