jquery.click () не работает в iOS

HTML:

<div id="footer"> <a class="button1 selected" id="button1" href="#"><div class="icon"></div><div class="text">Option 1</div></a> <a class="button2" id="button2" href="#"><div class="icon"></div><div class="text">Option 2</div></a> <a class="button3" id="button3" href="#"><div class="icon"></div><div class="text">Option 3</div></a> <a class="button4" id="button4" href="#"><div class="icon"></div><div class="text">Option 4</div></a> </div> 

JS:

 $('#button1').click(function() { alert('button1'); }); $('#button2').click(function() { alert('button2'); }); 

Теперь этот скрипт отлично работает на моем браузере для ПК, но он не работает на iOS. Я тоже пробовал это решение: $ (document) .click () неправильно работает на iPhone. jquery, но он не работает.

Я использую jQuery 1.8.3, нет jQuery Mobile (я предпочитаю не делать этого).

Кто-нибудь может мне помочь?

2 Solutions collect form web for “jquery.click () не работает в iOS”

Попробуйте добавить курсор указателя к кнопке и использовать .on для привязки события click

 $('#button1').css('cursor','pointer'); $(document).on('click', '#button1', function(event) { event.preventDefault() alert('button1'); }); 

Я наткнулся на это: http://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html

Короче говоря, одно из этих условий должно быть выполнено для браузеров iOS для генерации событий кликов из сенсорных событий:

  1. Целевой элемент события – это ссылка или поле формы.
  2. Целевой элемент или любой из его предков до, но не включая <body> , имеет явный обработчик событий, заданный для любого из событий мыши. Этот обработчик событий может быть пустой функцией.
  3. Элемент-мишень или любой из его предков до и включая документ имеет указатель CSS-указателя.
  • Отключить всю прокрутку на веб-странице.
  • Формулы ускорения / скорости для скроллеров на iPhone / iPad?
  • Phonegap - Открыть навигацию в приложении Apple Maps
  • Анимация UIButton Down - Xcode
  • События jQuery на iOS 5
  • Повторение нескольких изображений с помощью CSS repeat-x
  • Doubletaptogo отзывчивое меню не работает на телефоне
  • ScrollTop на мобильном устройстве
  • Изменение размера холста -IOS Приложение HTML5 - (диаграмма JS)
  • удалить все пробелы в панели навигации медиа-запросов
  • ColdFusion и мобильная структура приложений и безопасность
  • Interesting Posts

    Как получить текущий активный контроллер просмотра?

    iOS – Как сбросить то, что приложение запросило доступ к базе данных напоминаний

    Неявное объявление функции «DLog» недействительно в C99

    Добавление аннотаций к карте слишком медленное – iOS

    Не удалось смоделировать авария из журнала сбоев, совместно используемого клиентом в iPad.

    Scrollview с навигационной панелью + автоматический макет

    Удаление GKTurnBasedMatch, которое находится в недопустимом состоянии

    Раунд только 2 угла UIView в пользовательском UITableViewCell – iOS

    JMImageCache в простом тестовом приложении падает с EXC_BAD_ACCESS

    Передача переменных между раскадровки без Segues – Swift

    Увеличение угла прокрутки, при котором горизонтальный салфетка распознается во вложенном UITableView

    IOS App crash: : индекс 0 за пределами для пустого массива

    Как установить имя сцены в раскадровке xcode

    ios 8: Изменения пути пучка

    глубокое связывание: открыть приложение Amazon на странице продукта

    PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.