Почему device.js + ipad3 не работает?

Question

[Амир Гафуров]

Есть конструкция

<a href="tel: 123" class="link">
 <span>text</span>
</a>

$('.link').on('click', function(e) {
  if (!device.mobile()) {
    e.preventDefault();
                
     // вызов попапа

  }
 });

при клике на десктопе и планшете должен вызываться попап, а в мобилке отправляться звонок. Реализовал эти условия через device.js, проверял на iPad Mini, андроид-телефоне - всё работает как надо. Проверил на iPad 3 - идёт вызов...

Проверял даже так

$('.link').on('click', function(e) {
  alert('test');
  if (!device.mobile()) {
    e.preventDefault();
                
     // вызов попапа

  }
 });

и алерта нет

Что я делаю не так?

Answer 1

[Амир Гафуров]

Нашел причину: если в href ссылки есть "tel:", то iOS напрочь отметает все события, повешанные на эту ссылку, и выполняет только дефолтное значение - звонок.
Решил проблема так: на планшете и десктопе заменяю href у ссылок на # и всё работает.

Answer 2

[Дима Паутов]

Если идти на офф сайт, то через эмулятор(chrome) у меня нормально работает!

Проверьте что возвращает метод! Откройте офф страницу и узнаете! Вот и вам ответ

Comments

[Амир Гафуров]

Эмулятор хрома - не панацея, многое не учитывается. Лучший эмулятор - browserstack и даже он не прекрасен. Данный баг проявляется на устройствах и на browserstack