固定位置上的Iphone点击事件

Question

我有问题，我有固定位置的元素，点击后我启用模式： Here is demo

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 打开模式，在 android 上这工作正常，但 iPhone 没有检测到点击事件。我该如何修复它？

Answer 1

Updated fiddle.

尝试将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');

希望这会有所帮助。