按钮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

将按钮的ID更改为modal_close。这可能对你有用。 id值就像一个标识符，因此我们不能使用每个符号来命名标识符。

Answer 2

结果

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

有效

让我感到困惑的是hideModal()使用classList来添加或删除类。我把它切换到className +=，它按原样运作。