使用焦點和焦點輸出時下拉菜單未打開

Question

我有兩個具有相同 class 的下拉菜單，我們稱之為下拉菜單，我使用 jquery 來處理下拉菜單：

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

當我在具有相同 class （下拉菜單）的兩個下拉菜單之間跳轉時，下拉菜單不會立即打開，而是獲得焦點，我必須再次單擊它才能打開它。 這似乎與我在擺弄它時啟用和禁用列表中的選項有關。 有解決方法嗎？

（我嘗試使用模糊而不是聚焦，並且出現同樣的問題）

謝謝！

編輯：

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：

<select class="dropdown">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<select class="dropdown">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

Answer 1

嘗試這個

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