Функция щелчка JavaScript не работает должным образом в IOS - PullRequest
0 голосов
/ 10 июля 2019

Я запустил видео проект.Я сам написал свой видеоплеер.Я использую javascript, jquery, asp.net и c #.

Я остановил видео в считанные секунды, которые пользователь установил, и пользователь задал вопросы, чтобы появиться на экране.Видео останавливается.Вопрос идет.Нажав вариант ответа.Выбранный вариант сохраняется в базе данных (для анализа).

Я отправляю свои данные на сервер через ajax.Он отлично работает, когда вы отвечаете на вопросы мгновенно. Я вывожу свои вопросы на экран с помощью CSS, созданного с помощью Z-index.

Chrome, Edge и Android, ожидающие определенный период времени, сталкиваются с этой проблемой.

Мой проект не работает должным образом на IOS.Первый вопрос выводится на экран 3-4 раза.Но это заставляет другие вопросы показывать в один клик. Другие вопросы выводят на экран не проблема.У меня просто проблема с первым вопросом по ios.Я не могу понять, почему вопрос появляется на экране 3-4 раза.

HTML-код

<div id="v_area">
    <div id="my_ad">

        <p>
            <div class='clickable-div-1' id="div1">
                <button id="c1"></button>
            </div>
        </p>
        <p>
            <div class='clickable-div-2' id="div2">
                <button id="c2"></button>
            </div>
        </p>
        <p>
            <div class='clickable-div-3' id="div3">
                <button id="c3"></button>
            </div>
        </p>
        <p>
            <div class='clickable-div-4' id="div4">
                <button id="c4"></button>
            </div>
        </p>

    </div>
</div>    

JavaScript-код

$(document).on('click', '.clickable-div-1', function() {

v.currentTime += 0.03;
document.getElementById("my_ad").style.visibility = "hidden";

var user = {};

user.Cevap1 = document.getElementById('c1').innerHTML;
var VKodu = document.getElementById('VKodu').innerHTML;
var SoruKodu = document.getElementById('SoruKodu').innerHTML;

$.ajax({
        type: "POST",
        `
        url: "VideoPlayerDemo.aspx/SonucKaydet", 
 data:'{user:'+JSON.stringfy(user)+',VKodu:'+JSON.stringfy(VKodu)+',SoruKodu:'+JSON.stringfy(user)+'}',

        contenttype:"json",
        success:function(data){        
                    if(document.getElementById("my_ad").style.visibility!="hidden")
{
  document.getElementById("my_ad").style.visibility ="hidden";`
    }

},
}),
}),
v.play();
});

1 Ответ

0 голосов
/ 10 июля 2019

Все продукты Apple блокируют события виртуального щелчка, такие как событие щелчка и т. Д.

...