javascript - 甚至没有点击就不会在我的android设备上触发

单击showModal时，我正在调用函数#btn-game-rules

$(document).on('click', '#btn-game-rules', showModal);

调用的函数是：

    showModal : function()
    {
        $('#' + $(this).data('modal'))
        .show()
        .addClass('animated bounceIn')
        .one(Game.animationEnd, function() {
            $(this)
            .removeClass('animated bounceIn')
        });
    }

实际上，它的作用是查找被单击的按钮的数据模式属性，并基于该按钮显示模式信息（请注意，添加的类只是animate.css中的某些类），以使模式外观更具娱乐性。这适用于我的Mac /计算机，但不适用于运行Chrome 5的chrome设备。屏幕上不出现模态。

不知道是否有必要，但是这里有与该特定模式（以及所有其他模式）相关的css：

.modal {
    position: absolute;
    padding: 20px;
    left: 30%;
    right: 30%;
    top: 20px;
    z-index: 10;
    display: none;
}

最佳答案

您对回调的引用不正确。 showModal是某个对象的成员，因此您需要像这样引用它：

$(document).on('click', '#btn-game-rules', theObject.showModal);