Блог

Я работаю над мобильным приложением, написанным на HTML / CSS / PHP / jQuery, тестируемым на Android (Gingerbread) и настольном Chrome.

У меня есть модальное поле, div, настроенное для отображения по центру над содержимым при нажатии на ссылку. Между этим div и остальными слоями находится другой div, который затемняет экран. В верхнем div находится форма с одним элементом управления, select / dropdown.

Проблема, с которой я сталкиваюсь, связана с касанием выпадающего списка. Если я не совсем точен (и когда-нибудь, когда я это сделаю), на экране отображается нажатие на ссылку под разделами.

Ссылка не загружается, но она по-прежнему мешает удобству использования, большое время.

Кто-нибудь знает, что я могу сделать, чтобы предотвратить это?

Я не знаю о сенсорном аспекте; возможно, браузер на мобильном устройстве ведет себя иначе, чем полнофункциональные настольные браузеры. Но в целом, помогает ли остановка распространения в модальном диалоговом окне div? Или это то, что вы уже делаете?

 $('.modal').click(function(event) {
  event.stopPropagation();
});
  

(где .modal ваш собственный селектор для этого поля)