Knopf onClick nicht auf dem mobilen Gerät arbeitet

Question

habe ich versucht, eine ganze Reihe von Dingen ab:
onClick not working on mobile (touch)

document .click function for touch device

aber nichts scheint zu funktionieren.

Hier ist, was ich habe:

#modal-close {cursor:pointer;} 

<button class="button" id="modal-close">ok</button> 

function hideModal(){ 
    var modal = document.getElementById('modal'); 
    modal.style.display = 'none'; 
} 

$(function() { 
     $('#modal-close').on('click touchstart',function (e) { 
      hideModal(); 
      }) 
     }); 

Was könnte ich falsch gemacht?

Answer 1

Es stellte sich heraus

#modal-close {cursor:pointer;} 

<button class="button" id="modal-close">ok</button> 

function hideModal(){ 
    var modal = document.getElementById('modal'); 
    modal.style.display = 'none'; 
} 

$(function() { 
     $('#modal-close').on('click touchstart',function (e) { 
      hideModal(); 
      }) 
     }); 

Die Sache gültig war, dass mich bekam hideModal() war die classList verwendet, um Klassen hinzuzufügen oder zu entfernen. Ich habe es auf className += umgestellt und es funktionierte so wie es sollte.

Answer 2

Ändern Sie die ID Ihrer Schaltfläche zu modal_close. Dies kann für Sie arbeiten. Der ID-Wert verhält sich wie ein Bezeichner, daher gibt es die Regel, dass nicht jedes Symbol für die Benennung von Bezeichnern verwendet werden kann.