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-указателя.
  • События jQuery click, не работающие в iOS
  • перенаправить на appstore или google play
  • Какой из них наиболее эффективен для анимации iOS - CSS3 или jQuery?
  • Диалоговое окно jquery ui не отображается на странице с помощью Google Maps v3
  • jQuery Проблема с мобильными высотами для веб-приложения iPhone, предполагает высоту страницы 480 вместо 460
  • проверка, если touchhend появляется после перетаскивания
  • jQuery Mobile 1.1.0 RC1 Изменение HREF для сообщений AJAX в Safari iOS
  • Повторение нескольких изображений с помощью CSS repeat-x
  • Не показывать события, не запускающие iOS
  • iPad Flicker на автоматической прокрутке с использованием JQuery и плагина Scrollto
  • Кордова / Phonegap 3.1 клавиатура (все еще) накладывает сфокусированные поля формы - iOS 7
  • Interesting Posts

    Синхронизация базы данных (sqlite) из WebService (Json / XML) для iOS

    Отправка ссылки на объект и приложение по электронной почте ios

    Можно использовать быстрый код в Codename Один собственный код вместо Objective-C

    В чем разница между всеми этими методами обновления макета? Все ли нужно?

    Тестирование лидеров GameCenter в симуляторе, вам нужно «отправить на рассмотрение»?

    Приложение вылетает при нажатии кнопки «Назад» при просмотре таблицы прокрутки

    Info.plist не в правильном формате

    SWRevealViewController делает стальную боковую панель и заставляет rearView появляться поверх frontView

    Как захватить изображение с помощью AVFoundation?

    Ошибка компоновщика Mach-O в Xcode 6.1

    Изображение в таблице View Cell с помощью AutoLayout в раскадровке

    Формат String – это не буквальная строка (потенциально небезопасная) предупреждение

    Пример OBD2Kit Swift не может привести к типу, продолжать получать нуль

    tableView.beginUpdates не работает iOS10

    Элемент UItabbar, не отображающий ссылку на раскадровку

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