Chosen: Открыть раскрывающийся список при наложении вкладки на поле

Созданный на 23 мая 2014 · 4Комментарии · Источник: harvesthq/chosen

Привет,

Есть ли способ открыть раскрывающийся список, когда пользователь переходит к выбранному выбору?
Я ничего не видел в документации по этому поводу, но опять же, я мог это пропустить.

Нашел это после быстрого поиска:

$('body').on('focus', '.chosen-container-single input', function(){
    if (!$(this).closest('.chosen-container').hasClass('chosen-container-active')){
        $(this).closest('.chosen-container').trigger('mousedown');
        //or use this instead
        //$('#select').trigger('liszt:open');
    }    
});

Отдам это назад. Я не думаю, что есть встроенная опция?

Спасибо

Источник

SFPink

Самый полезный комментарий

Временное решение:

jQuery('body').on('focus', '.chosen-container-single input', function () {
    if (!jQuery(this).closest('.chosen-container').hasClass('chosen-container-active')) {
        jQuery(this).closest('.chosen-container').prev().trigger('chosen:open');
    }
});

SFPink 11 июн. 2014

👍3

Все 4 Комментарий

Chosen запускает события focus , поэтому должно работать следующее:

$('body').on('focus', '.chosen-select', function(event){
  $(this).trigger('chosen:open');
});

События в найденном вами коде устарели и больше не поддерживаются.

koenpunt 24 мая 2014

Мое плохое, событие фокуса не запускается для самого выбора.

koenpunt 24 мая 2014

Временное решение:

jQuery('body').on('focus', '.chosen-container-single input', function () {
    if (!jQuery(this).closest('.chosen-container').hasClass('chosen-container-active')) {
        jQuery(this).closest('.chosen-container').prev().trigger('chosen:open');
    }
});

SFPink 11 июн. 2014

👍3

Временное решение @SFPink выглядит как хорошее решение. Я закрываю это!