无法在移动 Safari 上单击固定位置元素答案

【问题标题】：Can't click fixed position element on mobile safari无法在移动 Safari 上单击固定位置元素
【发布时间】：2014-12-09 12:09:06
【问题描述】：

我知道固定元素在移动设备上的部分支持，但想知道这样一个简单的例子是否应该被打破？

在移动 safari 上尝试这个，iOS8 - iPhone 6

我有一个像这样的固定位置元素......

.circle {
    display: block;
    height: 100px;
    width: 100px;
    border-radius: 55px;
    text-align: center;
    font-size: 12px;
    background-color: red;
    bottom: 100px;
    left: 10px;
    position: fixed;
}

在移动 Safari 上，不会触发 click 事件。我正在使用jQuery的'on'方法......

$('.circle').on('click', function() {
    console.log('hello');
});

我可以触发此点击的唯一方法是捏缩放，然后尝试再次点击该元素（奇怪）。

【问题讨论】：

标签： jquery onclick position mobile-safari fixed

【解决方案1】：

为了解决这个问题，你需要像这样的元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no">

我使用的系统将元标记附加到 HTML 中，这似乎不适用于视口元标记。

【讨论】：

【解决方案2】：

also you can use like 
$(document).on('click','.appPopup__close', function() { 
        $(document).find('.appPopup').addClass('close');
        setTimeout(function() {
            $(document).find('.appPopup').remove();
        },1000)
    });

all you need is $(document).on('click', '.selector', function(){});

【讨论】：