jQuery 单击事件在 iPhone 浏览器上不起作用(已经尝试过光标 :pointer;)

Question

我想在我的 wordpress 网站中的 anchor 标记上设置点击事件。我能够让它在我的所有设备(PC、Android 手机、平板电脑)上运行，但我的 iPhone 除外。

我已尝试将 anchor 标记的“光标”设置为“指针”，但无济于事。

我已经尝试了所有我能在 SO 上找到的东西，但似乎没有任何效果:/

如有任何帮助，我们将不胜感激。

$("a[href^=#]").on('click touchstart', function(e) {
      e.preventDefault(); var dest = $(this).attr('href');
      console.log(dest);
      $('html,body').animate({ scrollTop: $(dest).offset().top }, 'slow');
    });

.scroller {
        cursor: pointer;
    }

<a href="#res-mobile" class="scroller" onclick="void(0)">
  <div id="mobile-hero-book" class="book-now-btn">Book a Car</div>
</a>

Answer 1

所以如果我理解你而不是使用 href 你可以尝试使用 onclick 来使用 JS 中的函数，如下所示:

function ANYTHING() {
   $("a[href^=#]").on('click touchstart', function(e) {
   e.preventDefault(); var dest = $(this).attr('href');  
   console.log(dest);
   $('html,body').animate({ scrollTop: $(dest).offset().top }, 'slow');
  });
}

.scroller {
            cursor: pointer;
        }

<a class="scroller" onclick="void(0)" onclick='ANYTHING('>
   <div id="mobile-hero-book" class="book-now-btn">Book a Car</div>
</a>

如果有帮助，请告诉我!如果需要，您仍然可以将 href 保留在 html 中!