【重要なお知らせ】フォーラム内の画像が一部表示されない状態について
画像共有サービス「Gyazo」（提供：株式会社Helpfeel）における不正アクセスが2026年9月16日に公表されました。この影響により、過去の質問・回答に掲載していた画像の一部が表示されなくなっております。ECマスターズクラブのシステムおよび会員情報への影響はございません。
画像が表示されず内容が分かりにくい投稿がございましたら、お手数ですが当該スレッドへのご返信、または新規のご質問にてお知らせください。改めてご案内いたします。
なお、Gyazoをご利用中の店舗様は、Helpfeel社からの告知内容をあわせてご確認くださいますようお願いいたします。
- 文字サイズ変更
- 小
- 中
- 大
解決済
ヘッダー、フッターの共通化
- 相談者：非公開
- 2020/09/28 23:54
こんにちは。お世話になっております。
楽天GOLDのindex.html 内の ヘッダーとフッターをパーツにして、index.htmlで読み込んでいます。
【もともと】
<body>
<div id="header"></div>
// 本文
<div id="footer"></div>
</body>
<script src="https://code.jquery.com/jquery-2.x.x.js" ></script>
<script>
$(function(){
$("#header").load("r-header.html");
$("#footer").load("r-footer.html");
});
</script>
///////////////////////////////////
としてあります。
jQuery 3.0 にかえる場合、loadは廃止ということで、調べてみて
下記のように書いたのですが、loadしたいhtmlが読み込まれません。
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script>
$(function(){
$('#header').on("load", header.html)
$('#footer').on("load", footer.html)
});
</script>
をどう書き換えればよいでしょうか？
よろしくお願いいたします。
楽天GOLDのindex.html 内の ヘッダーとフッターをパーツにして、index.htmlで読み込んでいます。
【もともと】
<body>
<div id="header"></div>
// 本文
<div id="footer"></div>
</body>
<script src="https://code.jquery.com/jquery-2.x.x.js" ></script>
<script>
$(function(){
$("#header").load("r-header.html");
$("#footer").load("r-footer.html");
});
</script>
///////////////////////////////////
としてあります。
jQuery 3.0 にかえる場合、loadは廃止ということで、調べてみて
下記のように書いたのですが、loadしたいhtmlが読み込まれません。
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script>
$(function(){
$('#header').on("load", header.html)
$('#footer').on("load", footer.html)
});
</script>
をどう書き換えればよいでしょうか？
よろしくお願いいたします。
このフォーラムへの質問は終了しました
- カテゴリ：その他
3
- 返信者：非公開
- 2020/09/29 10:12
ECマスターズの田中です。
特に書き換えていただく必要はございません。
廃止されるのは、ページの内容を読み込むloadメソッドではなく、
「読み込………（省略）………
特に書き換えていただく必要はございません。
廃止されるのは、ページの内容を読み込むloadメソッドではなく、
「読み込………（省略）………
- 返信者：非公開
- 2020/09/29 10:20
ECマスターズの田中です。
誤解を招く可能性がございましたので、
追記いたします。
正確には、
$(function(){ と } で囲まれた部………（省略）………
誤解を招く可能性がございましたので、
追記いたします。
正確には、
$(function(){ と } で囲まれた部………（省略）………
- 返信者：非公開（質問者）
- 2020/09/29 21:00
お世話になっております。
ありがとうございました。
問題なく、稼働してくれました。！………（省略）………
ありがとうございました。
問題なく、稼働してくれました。！………（省略）………
このフォーラムへの質問は終了しました
質問を検索する