ボタンのonClickモバイルデバイス上

Question

を働いていない私は、から物事の全体の束を試してみました：しかし、何も動いていないようにみえ
onClick not working on mobile (touch)

document .click function for touch device

。私は間違って何をしているのかもしれない

#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(); 
      }) 
     }); 

：ここ

は、私が持っている何ですか？

Answer 1

は私を得たもので、有効な

たクラスを追加または削除するclassListを使用hideModal()ました。私はそれをclassName +=に切り替えました。

Answer 2

ボタンのidをmodal_closeに変更します。これはあなたのために働くかもしれません。 id値は識別子のように動作するため、識別子に名前を付けるためにすべてのシンボルを使用することはできません。

#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(); 
      }) 
     }); 

判明