在Safari中提交表单后，FadeIn无法正常工作

Question

我正在尝试在单击按钮或提交表单时在页面加载时显示GIF，但是在使用Safari时遇到了一些麻烦。

当调用任何元素但会导致页面重新加载的元素（例如带有href属性的提交按钮或标签）时，GIF会正确显示。

$(document).ready(function () {
  $('a.btn').click(function(){
    $("#pageloader").fadeIn();
    console.log('This message is shown, but page loader is not');
  });
});

此代码仅适用于具有 href 属性为空的链接。

这是JSFIDDLE中有关其在我的项目中行为的示例。 我知道两个按钮都可以在jsfiddle中使用，我只是将红色标记为在Safari中不起作用（但在其他浏览器中可用）的选项。 https://jsfiddle.net/6ykuafvb/3/

我正在使用JQuery 3.3.1，Safari 12。

谢谢！