Почему функция onclick не запускается в браузере Safari iOS?

У меня есть сайт на shopify, и все работает нормально, за исключением случаев, когда мы используем сайт в браузере iOS Safari и нажимаем кнопку «добавить в корзину», он не запускает функцию onclick. Он отлично работает для всех настольных браузеров и браузеров телефонов Android. Кнопка просто не срабатывает в сафари iOS.

Вот фрагмент кнопки:

<a onclick = "cartAdd('AM',3)"><p class = "icon-cart">Add to cart</p></a>

Фрагмент кода отсутствует

DirtyMind 31.10.2018 19:16

<a onclick = "cartAdd('AM',3)"> <p class = "icon-cart"> Добавить в корзину </p> </a>

Sam JS guy 31.10.2018 19:17

Может быть, iOS не нажимает на элемент привязки без href?

evolutionxbox 01.11.2018 00:12

Да, вот что я говорю, используйте вместо этого метод addEventListener (): MDN

demostanis 31.10.2018 19:35
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
4
443
2

Ответы 2

Кнопка такая?

<button onclick = "myFunction()"></button>

Если да, вам следует использовать:

button.addEventListener("click", myFunction);

Иначе я не могу вам помочь, как будто вы не даете никакого кода.

Хорошо, что вы можете сделать, это добавить класс к вашей кнопке, а затем добавить к нему прослушиватель событий:

document.getElementsByClassName("addToCartBtn")[0].addEventListener("click", function() {
    alert("Item added to cart!")
});
<a class = "addToCartBtn"><p class = "icon-cart">Add to cart</p></a>

можно ли передать ('AM', 3) этим методом? Спасибо!

Sam JS guy 31.10.2018 21:32

Да вот так:

demostanis 31.10.2018 23:32
document.getElementsByClassName("addToCartBtn")[0].addEventL‌​istener("click", cartAdd('AM', 3))
demostanis 31.10.2018 23:32

Другие вопросы по теме