Chosen: Abrir menú desplegable cuando se coloca con pestañas en el campo

Creado en 23 may. 2014  ·  4Comentarios  ·  Fuente: harvesthq/chosen

Hola,

¿Hay alguna forma de abrir el menú desplegable cuando el usuario selecciona la selección elegida?
No he visto nada en los documentos con respecto a esto, pero, de nuevo, podría haberlo perdido.

Encontré esto después de una búsqueda rápida:

$('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');
    }    
});

Daré esto hace. Sin embargo, supongo que no hay una opción incorporada.

Gracias

Comentario más útil

Solución temporal:

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');
    }
});

Todos 4 comentarios

Elegido desencadena eventos focus , por lo que lo siguiente debería funcionar:

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

Los eventos en su código encontrado son antiguos y ya no son compatibles.

Mi mal, el evento de enfoque no se activa en la selección en sí.

Solución temporal:

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');
    }
});

La solución temporal de @SFPink parece una buena solución. ¡Estoy cerrando esto!

¿Fue útil esta página
0 / 5 - 0 calificaciones