Apple端末でJavascriptが動かないときの対処法

Apple製品だけ正常に動かない現象

• PCの開発モードで「iPhone」や「iPad」にしても動く。
• Android端末のスマホとタブレットでも動く。
• なぜかiPadのブラウザで確認したときだけ動かない。
• Safariの設定でJavascriptをオンにしても改善せず
• Chromeを使用しても変わらない

詳細

動かないのはon load。

$(window).on('load',function(){
    省略
});

他のClickイベントなどは通常に動作していた。

解消した方法

setTimeoutを使用した。

setTimeout(function() {
省略 
}, 1000);

他に試した方法

setTimeoutで解消しない場合は、以下の方法で解決できるかもしれない。

「DOMContentLoaded」と「deviceready」を使用する

document.addEventListener('DOMContentLoaded', function() {
  Load();
  }, false);
  document.addEventListener('deviceready', function() {
  Load();
  }, false);
  function Load(){
  省略
  }
}

hover要素の削除

IOSではhover要素がエラーになることが過去あったため、削除してみた。