无法在手机游戏中点击固定位置元素

Question

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

尝试使用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');
});

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

Answer 1

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

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

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

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