iOS SafariでリロードするとjQueryが動かなくなったとき

「ページをリロードすると、iOSのSafariだけアニメーションが動かない」と報告を受けたので、調べた結果、

$(window).on(‘load’, function(){}) が同じ関数内で２回使われていると、うまく動かないようでした。よく考えたら確かにおかしい書き方なんですが、他のブラウザでは動いてしまうので、なかなか気づけませんでした。

正確には、僕のコードは以下のようになっていたところ、

$(function () {
  // When Document Ready
  animation();
});

function animation() {

  $(window).on('load scroll', function () {
    // ロードおよびスクロールしたときに動くアニメーション
  });

  $(window).on('load', function () {
    // ロードしたときに動く別のアニメーション
  });

}

$(function () {

// When Document Ready

animation();

});

function animation() {

$(window).on('load scroll', function () {

// ロードおよびスクロールしたときに動くアニメーション

});

$(window).on('load', function () {

// ロードしたときに動く別のアニメーション

});

}

こう直すと動きました↓

$(function () {
  // When Document Ready
  animation();
});
$(window).on('load',function(){
  // When Window Load
  animation2();
});

function animation() {

  $(window).on('load scroll', function () {
    // ロードおよびスクロールしたときに動くアニメーション
  });

}

function animation2() {
  // ロードしたときに動く別のアニメーション
}