单击 safari 后 JQuery 淡出或隐藏不起作用答案

【问题标题】：JQuery fadeOut or hide not working after click on safari单击 safari 后 JQuery 淡出或隐藏不起作用
【发布时间】：2021-02-25 18:35:15
【问题描述】：

jQuery( "#bottomusermenu .link_item" ).click(function() {
  jQuery( "body" ).fadeOut( "slow");
});

这里有一个奇怪的错误，我想在单击选项卡切换器复制本机应用程序后创建一个很酷的淡出效果。此代码在具有 fadOut 和 hide 的 Chrome 上完美运行，但在 Safari 上均不适用。我试过了

  jQuery( "body" ).fadeOut( "slow");

单独并且它可以工作，但是在单击后您在转换到新页面/网址之前看不到淡出。 Chrome 完美运行

这是 iOS 和浏览器上的 Safari。

【问题讨论】：

【解决方案1】：

只是猜测 - 也许 Safari 会跟随链接并在淡入淡出动画完成之前加载新页面。为了验证，您可以尝试

jQuery( "#bottomusermenu .link_item" ).click(function(event) {
  event.preventDefault();
  jQuery( "body" ).fadeOut( "slow");
});

【讨论】：