Iphone点击事件在位置固定

Question

我有问题，我的位置上有固定的元素，单击后我启用模态：这是演示

.JS：

$(document).on('click', '.open', function(){
    $(this).toggleClass('active');
});
$(document).on('click', '.modal, .modal-close', function(){
    $('.open').removeClass('active');
});
$(document).on('click', '.modal-content', function(e){
    e.stopPropagation();
});

在点击圈上，

我用jquery打开模式，在安卓上这工作正常，但iPhone没有检测到点击事件。我该如何修复？

Answer 1

更新了小提琴。

尝试将touch也添加到事件中：

$(document).on('click touch', '.open', function(){
    $(this).toggleClass('active');
});
$(document).on('click touch', '.modal, .modal-close', function(){
    $('.open').removeClass('active');
});
$(document).on('click touch', '.modal-content', function(e){
    e.stopPropagation();
});

并尝试将cursor:pointer添加到open元素：

.open{
    cursor:pointer;
}

或者从 js 代码：

$('.open').css('cursor','pointer');

希望这有帮助。