現閲覧:                                     
    カニカニまっちゃんのサラリーマン遊泳      

 

 まっちゃんからのメッセージ

ブラウザのChromeをバージョンアップしたところ突然、Scriptが動作しなくなったんです。ホームページでは致命傷ですよね。そこで解決策を備忘録として残しておくことに致しました。

• 2020年7月5日（日）
  
  ＜現象＞
  ブラウザで使用しているChromeをバージョンアップしたところ、アコーディオンメニューのScriptエラーで閉開動作をしなくなりました。ネットで探し出し、いろいろ試行。以下の対応を実施した結果、解決致しました。ネットに情報提供して頂いた皆様、ありがとうございました。
  <Before>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">google.load("jquery", "1.5.1");</script>
  <script type="text/javascript">google.load("jqueryui", "1.8.11");</script>
  <script type="text/javascript">
  $(function(){
  $("#accordion").accordion({
  header: "h5",
  collapsible:true,
  animated: 'bounceslide' ,
  autoHeight:false,
  active:4
  });
  });
  </script>
  
  <after>
  ①google.load()を使って読み込む方法。まず最初に下記を読み込みます。
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  ②次に google.load を使ってjQueryファイルを読み込みます。
  <script type="text/javascript">google.load("jquery", "1.5.1");</script>
  <script type="text/javascript">google.load("jqueryui", "1.8.11");</script>
  <script type="text/javascript">
  ③jQueryファイルが完全に読み込まれた後にJavaScriptスクリプトが実行されるように google.setOnLoadCallback を記載します。
  google.setOnLoadCallback(function() {　←　この構文の使用で解決しました。
  $(function(){
  $("#accordion").accordion({
  header: "h5",
  collapsible:true,
  animated: 'bounceslide' ,
  autoHeight:false,
  active:4
  });
  });});
  </script>