Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法在移动设备上单击h1_Javascript_Jquery_Html_Ios_Css - Fatal编程技术网

Javascript 无法在移动设备上单击h1

Javascript 无法在移动设备上单击h1,javascript,jquery,html,ios,css,Javascript,Jquery,Html,Ios,Css,我发现了一个奇怪的小故障/bug或其他东西。我的网站有两个按钮和两个图像的简单代码。如果单击带有事件侦听器的simple h1按钮,其中一个图像会旋转。易于理解的它可以在我的MacBook上运行,甚至可以在Inspect元素上运行,如果我试着模拟iPhone等,它在那里运行得非常好 但是!在我的iPhone上,如果我点击h1,什么都不会发生。我尝试了一切,我去掉了所有的元素,尝试了z-index,没有任何帮助 <div class="wrapper clearfix"> &l

我发现了一个奇怪的小故障/bug或其他东西。我的网站有两个按钮和两个图像的简单代码。如果单击带有事件侦听器的simple h1按钮,其中一个图像会旋转。易于理解的它可以在我的MacBook上运行,甚至可以在Inspect元素上运行,如果我试着模拟iPhone等,它在那里运行得非常好

但是!在我的iPhone上,如果我点击h1,什么都不会发生。我尝试了一切,我去掉了所有的元素,尝试了z-index,没有任何帮助

<div class="wrapper clearfix">
    <img class="bg" src="images/bg.svg">
    <img class="wheel" src="images/wheel.svg">
    <div class="right">
    <div class="g-recaptcha" data-sitekey="6LfhLTUUAAAAAMCrfKgrtViK22w1H98Uisw4dvlj"></div>
        <h1 class="spin" data-spin="clicked">Roztočit</h1>
    </div>
</div>
jQuery:

$(document).ready(function(){
        document.addEventListener('click', function (e) {
          var t = e.target;
          if (!t.dataset.hasOwnProperty('spin')) return;

          var fD = new FormData();
            fD.append('boom', t.dataset.spin);


          XXHR().request('get.php', function(response) {
              var obj = JSON.parse(response);
              console.log(obj);
              $(".wheel").css("-ms-transform", "rotate("+obj.type1+"deg)");
              $(".wheel").css("-webkit-transform", "rotate("+obj.type1+"deg)");
              $(".wheel").css("transform", "rotate("+obj.type1+"deg)");
          }, function(err, status) {

          }, true, fD);
        }, false);

        document.addEventListener("keypress", function(event) {
            if (event.keyCode == 32) {
              var fD = new FormData();
                fD.append('boom', 'clicked');


              XXHR().request('get.php', function(response) {
                  var obj = JSON.parse(response);
                  console.log(obj);
                  $(".wheel").css("-ms-transform", "rotate("+obj.type1+"deg)");
                  $(".wheel").css("-webkit-transform", "rotate("+obj.type1+"deg)");
                  $(".wheel").css("transform", "rotate("+obj.type1+"deg)");
              }, function(err, status) {

              }, true, fD);
            }
        })
    });
注意:如果键入以下内容,jQuery/Javascript中没有问题:

$(".spin").click()
对于您的控制台,它工作正常,在移动设备上旋转

测试您想法的网站:


祝你好运!请帮帮我

iPhone无法识别点击事件是一个问题。您可以通过在要单击的元素上设置cursor:pointer CSS属性来绕过它。

Wow!令人惊叹的我不知道。谢谢
$(".spin").click()