«Далее» в выпадающем списке на iPhone Safari не срабатывает при изменении события

Question

Я пытаюсь сделать прямое каскадное выпадающее меню для мобильного сафари. У меня это работает на 100% в самом сафари, которое показывает нормальные выпадающие стили. Но в выпадающем списке мобильного сафари есть кнопка «Далее».

Нажатие на следующую кнопку приведет вас к следующему выпадающему списку в каскаде с активацией onchange () - таким образом, следующий выпадающий список пуст.

Пользователь вынужден нажать «Готово», чтобы вызвать изменения, а затем нажать на следующее раскрывающееся меню.

Кто-нибудь знает способ обойти это? Или какое событие DOM запускается мобильным сафари '' next '?

Answer 1

Отключение второго выпадающего списка с начала - единственная работа, которую я нашел до сих пор!она отключит кнопку «Далее» на iphones

. Добавьте отключенный атрибут attr (disabled = «disabled») для выбора и используйте javascript или jQuery для включения или отключения.

вот jQuerycode

$(".DD1").focus(function() {
    $('.DD2').attr('disabled', 'disabled');
}).blur(function() {
    $('.DD2').removeAttr('disabled');
});

вот живой пример, который делает это

, используя jQuery: http://www.imotors.com/mobile

Answer 2

Я пробовал много прямых решений, чтобы решить эту проблему безуспешно.Второй раскрывающийся список заполняется после В оверлее Safari Mobile для «помощника по формам» появляется спиннер (называемый «сборщиком» в документации - появляется http://developer.apple.com/library/ios/#DOCUMENTATION/UserExperience/Conceptual/MobileHIG/UIElementGuidelines/UIElementGuidelines.html),. Таким образом, сборщик заполняется старыми значениями.

В другом случае, если второе каскадное раскрытие неактивно, кнопка «Далее» помощника по формам пропускает его прямо в этом сценарии, однако в этом сценарии, если следующий элемент формы включен, второе раскрывающееся меню выполняетобновляйте себя правильно, поэтому нажатие «предыдущий» в этот момент дает правильный список в средстве выбора.

Мой «ответ» заключается в том, что Apple предлагает использовать каскадные раскрывающиеся списки на основе JavaScript, а другойUX должен быть реализован, хотя я не нашел ничего, что описывает это, кроме стандартных меню пейджинга типа jQuery Mobile.

Answer 3

Это собственное наложение для iOS, так что при появлении этого наложения вы получите событие размытия.Попробуйте использовать размытие и посмотрите, как это работает.