Не срабатывает обработчик клика на смартфоне?

Question

[Gregory]

Сделал простенькое веб приложение, в котором динамически добавляются кнопки. На кнопки навесил событие .on("click"). В десктопной версии все работало, в хроме переключался на вид с телефона тоже все работало. Но купив домен и разместив это все дело на хостинге, зашел с айфона (пробовал разные браузеры), тапал на кнопки и ничего не происходило. Кто знает в чем проблема? вот пример кода js именно обработчика кнопки:

$(document).on("click", ".btn-yes", function(){
    var clickedBtn = $(this).attr("data-itemid"),
          choosenBar = $(".progress-bar[data-itemid='"+ pgrMask + clickedBtn +"' "),
          pgrLS = $(".progress-check").html(),
          pgrLSMob = $(".progress-check-mob").html();

    if((choosenBar).attr("aria-valuenow") < 100){
      $(choosenBar).attr("aria-valuenow", parseInt($(choosenBar).attr("aria-valuenow")) + parseInt(1))
                            .width(parseInt($(choosenBar).attr("style").slice(7)) + parseInt(1) + "%")
                            .text(parseInt($(choosenBar).text()) + parseInt(1) + "%");
    } else if((choosenBar).attr("aria-valuenow") >= 100){
      alert("Cool! You could do it!");
    }    
 });

Answer 1

[Александр Аксентьев]

На телефоне нет мышки и клика(внезапно).

Там есть touch

Comments

[ой всё]

боюсь спросить, а как же кнопки и ссылки обычного сайта работают на мобильных устройствах, если в коде для них не прописан touch?

[Александр Аксентьев]

AnneSmith, они без помощи JS работают, тоже внезапно

[ой всё]

Александр Аксентьев, то есть на самом деле, вы не знаете, как они работают

[zoozag]

Александр Аксентьев, click нормально срабатывает на мобильных устройствах
https://jsfiddle.net/108p0uzv/

[Gregory]

zoozag, и правда срабатывает, а может не срабатывать если кнопка добавляется с помощью JS? Может есть какие-то варианты почему в моем случае в десктопной версии все работает на телефоне нет? Спасибо.

[Gregory]

zoozag, да, сейчас проверил если кнопка изначально есть на странице то все работает, а если добавилась с помощью js то уже не работает...

[zoozag]

$(document).on("click", ".btn-yes", function(event){

Это должно решать проблему с элементами, которые добавлены с помощью js.
Только объект, по которому кликнули в этом случае будет не $(this), а event.target

[Gregory]

zoozag, переписал, теперь событие вообще не срабатывает, хотя в jsfiddle такая конструкция работает.. Может быть, в таком интерпретации нельзя взять значение атрибута нажимаемого элемента?

$(document).on("click", ".btn-yes", function(event){
var clickedBtn = $(event.target).attr("data-itemid")

потому что на обычной кнопке работает, а внутри конструкции, которую я указал в вопросе в самом начале уже не работает (

[Gregory]

zoozag, но и ошибок в отладчике тоже нет.

Answer 2

[ой всё]

уберите весь код из if-else, кроме алертов, и проверьте работает ли сам клик
остальное надо отслеживать в панели разработчика
эппл устройства подсоединяются к сафари на маке, про остальные не знаю

Answer 3

[Филипп Гапоненко]

Если в css на элементе нет cursor:pointer то клик в js на айфоне не будет обрабатываться.
*spongebob_rainbow.jpg*

Comments

[zoozag]

Вы это сами придумываете?
https://jsfiddle.net/108p0uzv/ проверьте

[Филипп Гапоненко]

zoozag, фидли врет
https://stackoverflow.com/a/17490775/4389876

[zoozag]

На год вопроса то посмотрите.
Сами потестите, а не ответы на стеке читайте трехлетней давности.
gazooz.ru/click-test.html - вот пример без фидл