ヘッダー、フッターの共通化

Question

こんにちは。お世話になっております。

楽天GOLDのindex.html　内の　ヘッダーとフッターをパーツにして、index.htmlで読み込んでいます。

【もともと】


// 本文





  $(function(){
    $("#header").load("r-header.html");
    $("#footer").load("r-footer.html");
  });


///////////////////////////////////
としてあります。

jQuery 3.0 にかえる場合、loadは廃止ということで、調べてみて
下記のように書いたのですが、loadしたいhtmlが読み込まれません。



  $(function(){
    $('#header').on("load", header.html)
    $('#footer').on("load", footer.html)
  });


をどう書き換えればよいでしょうか？

よろしくお願いいたします。

Accepted Answer

ECマスターズの田中です。

誤解を招く可能性がございましたので、
追記いたします。

正確には、
$(function(){ と } で囲まれた部分を
書き換えずにご利用いただければ結構です。

いただいたソースの前後で
読み込むファイル名が異なっておりますので、
後のファイル名に合わせると、scriptタグは下記の内容になります。



$(function(){
$("#header").load("header.html");
$("#footer").load("footer.html");
});

Answer

ECマスターズの田中です。

特に書き換えていただく必要はございません。

廃止されるのは、ページの内容を読み込むloadメソッドではなく、
「読み込みが完了したら実行する」というイベントハンドラのloadの方です。
ページの内容を読み込むloadメソッドは、
引き続きご利用いただけますのでご安心ください。
https://api.jquery.com/load/

Answer

お世話になっております。

ありがとうございました。
問題なく、稼働してくれました。！