jQuery Chosen Plugin: Przechwytywanie fokusu otwierania przy zakładaniu tabulatora

Question

Obecnie używamy modelu Chosen Dropdown Plugin, który jest raczej świetny, z wyjątkiem jednego pomniejszego problemu. Kiedy używamy pojedynczego menu rozwijanego, jeśli przejdziesz do kontrolki "wybrane", faktyczna lista rozwijana nie zostanie wyświetlona. Jednak przy stosowaniu wtyczki do wielokrotnego "wybierz" pojawia się.

Po przejrzeniu dokumentacji i problemów z GitHubem, wydaje się, że jest wiele wzmianek dotyczących porządkowania kart i ustawiania ostrości, ale nic, co pozornie nie zajmuje się tym raczej prostym wymogiem; Wyświetlaj listę rozwijaną podczas otrzymywania fokusa podczas przechwytywania.

Zakładając, że ta funkcja nie jest częścią wtyczki, czy istnieje alternatywa, taka jak przechwytywanie fokusu znacznika zakotwiczenia?

$('.chzn-single').focus(function(e){ 
    alert('I should be focused!') 
});  

Do tej pory nie udało mi się i zastanawiałem się, czy inni nie doświadczyli tego problemu. Można sprawdzić to jsfiddle który demonstruje problem

Answer 1

1. powinni śledzić imprezy ostrości dla wejścia wyszukiwania ów wewnątrz wybranej conainer, a nie elementu kotwicy, a następnie wywołać MouseDown zdarzenie dla wybranego pojemnika - to wydarzenie że słucha kiedy otwierając rozwijaną

2. trzeba użyć podejście delegowanego wydarzeń wiążą obsługi zdarzeń do elementów dodawanych dynamicznie (dla jQuery 1.7.1 i wcześniej może po prostu użyć metody „na żywo”)

3. Musisz również sprawdzić, czy kontener jest aktywny Obecnie, aby uniknąć wywołania rekurencyjne (gdy wybrany rozwijana zostanie otwarty - szukaj wejście zostanie ponownie skupiła)

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

Tutaj działa jsfiddle

Zamiast $(this).closest('.chzn-container').trigger('mousedown'); można również wywołać wewnętrzny zdarzenie pluginu: $('#select').trigger('liszt:open');