javascript - 在不应该的情况下在任何 Iphone 浏览器中触发动画

Question

我有一个动画，当用户点击任何符合特定条件的“a”元素时，该动画就会被触发。当单击浏览器后退按钮时，此动画不应该工作，但由于某些奇怪的原因，在每个 iPhone 中，它都会被该浏览器后退按钮触发。有没有办法为此添加异常(exception)？

$("a").not('a[target="_blank"],a[href*="#"],a[href="/"]').click(function(evt){
    var URL = $(this).attr("href");
        setTimeout( function() { window.location = URL }, 900 );
      $(".next-animation").addClass("animation-on");

});

Answer 1

首先你需要判断用户的手机是不是像这样的iPhone

function isiPhone(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}

if(!isiPhone()){
   $("a").not('a[target="_blank"],a[href*="#"],a[href="/"]').click(function(evt){
       var URL = $(this).attr("href");
       setTimeout( function() { window.location = URL }, 900 );
       $(".next-animation").addClass("animation-on");
   });
}

然后在这个条件下包装你的逻辑，这样如果用户的手机是苹果设备，它就不会工作