Kann das Element mit fester Position auf Mobile Safari nicht anklicken

Question

Ich bin mir der teilweisen Unterstützung von festen Elementen auf Mobilgeräten bewusst, frage mich aber, ob ein so einfaches Beispiel wie dieses wirklich fehlerhaft sein sollte?

Ich probiere dies auf Mobile Safari, iOS8 - iPhone 6 aus

Ich habe ein fest positioniertes Element wie folgt...

.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;
}

Auf Mobile Safari wird das Klickevent nicht ausgelöst. Ich benutze die 'on'-Methode von jQuery so...

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

Der einzige Weg, um dieses Klicken auszulösen, ist durch Pinch-Zoomen und dann erneutes Klicken auf das Element (merkwürdig).

Answer 1

Um dies zu beheben, benötigen Sie die Meta-Tags wie folgt

Das System, das ich verwendet habe, fügte die Meta-Tags in den HTML-Code ein, was anscheinend nicht funktioniert hat für das viewport Meta-Tag.

Answer 2

auch du kannst verwenden wie 
$(document).on('click','.appPopup__close', function() { 
        $(document).find('.appPopup').addClass('close');
        setTimeout(function() {
            $(document).find('.appPopup').remove();
        },1000)
    });

alles was du brauchst ist $(document).on('click', '.selector', function(){});