- 文字サイズ変更
- 小
- 中
- 大
解決済
ヘッダー、フッターの共通化
- 相談者：非公開
- 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>
をどう書き換えればよいでしょうか？
よろしくお願いいたします。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2020/09/29 10:12
ECマスターズの田中です。
特に書き換えていただく必要はございません。
廃止されるのは、ページの内容を読み込むloadメソッドではなく、
「読み込………（省略）………
特に書き換えていただく必要はございません。
廃止されるのは、ページの内容を読み込むloadメソッドではなく、
「読み込………（省略）………
- 返信者：非公開
- 2020/09/29 10:20
ECマスターズの田中です。
誤解を招く可能性がございましたので、
追記いたします。
正確には、
$(function(){ と } で囲まれた部………（省略）………
誤解を招く可能性がございましたので、
追記いたします。
正確には、
$(function(){ と } で囲まれた部………（省略）………
- 返信者：非公開（質問者）
- 2020/09/29 21:00
お世話になっております。
ありがとうございました。
問題なく、稼働してくれました。！………（省略）………
ありがとうございました。
問題なく、稼働してくれました。！………（省略）………
このフォーラムへの質問は終了しました
質問を検索する