Safari iPhone不会在页面导航上设置仅CSS旋转器的动画

Question

我的某些页面加载时间很长，因此决定在提交表单后显示一个带有微调框的叠加层。

这是实时代码，为简洁起见减去前缀：

    DisplayMetrics metrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(metrics);
    // these are sizes in pixels
    metrics.widthPixels, metric.heightPixels

iv.setScaleType(ImageView.ScaleType.FIT_XY);

var $body = $('body');
$body.on('submit', 'form', function() {
  $body.append('<div class="loader-holder"><div class="loader">Loading</div></div>');
});

问题在于，当iPhone上的Safari表单提交重叠显示但动画无法开始播放时。

如何在iPhone上获取Safari以便在表单提交中制作动画？