Zmień wydarzenie nie uruchamiające się na wybranych elementach za pomocą "Asystenta formularzy" w przeglądarce Safari Safari

Question

Mam rozwijane menu dynamicznego wyboru. Na przykład, jeśli wybierzesz określony miesiąc, drugi element zostanie wypełniony liczbą dni w danym miesiącu.

Działa to zgodnie z przeznaczeniem, jednak gdy użytkownik jest na iPhonie i używa przycisku "Dalej" wbudowanego w "asystenta formularzy" Mobile Safari, zdarzenie change (przy użyciu jQuery) nie wydaje się być uruchamiane, a drugi wybór nie aktualizuje się.

$('.month').change(function() { 
    // update "days" select element 
}); 

FYI Używam również jQuery mobile

Answer 1

Najlepsze oparcie, jakie mogłem znaleźć, było oparte na tym poście ...

Strange behavior of select/dropdown's onchange() JS event when using 'Next' on Mobile Safari Dropdown list item select box

Używanie wtyczki (z linku powyżej), musiałem jak najszybciej opcja została wybrana z „asystent formy” Mobile Safari zmusić wybierz menu blur.

Zauważyłem jednak, że gdy brutalne życie testuje te menu, dodatkowe zdarzenie blur będzie uruchamiane po kilku selekcji w tył iw przód. Wydaje się, że dodatkowy focus to naprawił.

$('select').quickChange(function() { 
    $(this).blur(); 
    $('select').focus(); // somehow prevents an extra blur from firing on focus 
}); 

Przy pomocy oddzielnej funkcji change dynamicznie aktualizuję drugie menu wyboru.

$("#select-choice-month").change(function() { 
    // update second select dynamically 
}); 

* Testowany do tej pory tylko na Mobile Safari/iOS 5.0.1.

Answer 2

Można także powiązać pewne dodatkowe imprezy jak blur (nie wiem, czy plama robi ogień na iPhone chociaż)

$('.month').bind('change blur',function(){ 

}); 

lub mieć próbowałeś:

$('.month').live('change',function(){ 
});