- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jqueryを使った共通html埋め込みができない）
jqueryを使った共通html埋め込みができない
このQ&Aのポイント
- 各ページに共通なヘッダ部分をjqueryを使って読み込みたいが、読み込まれない。
- test.htmlとheader.htmlは同階層にあり、jsディレクトリにjquery-1.7.1.min.jsを置いている。
- 解決策を教えてほしい。
- minimax2005
- お礼率97% (227/233)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
http://d.hatena.ne.jp/monjudoh/20080826/1219715376 だと質問者の書き方でもよいことになるけど？ $(document).ready(function() { }); $().ready(function() { }); $(function() { }); って説明にも書いてあるよ？ 他に原因があると思うよ。 まずはクロームをローカルで動かしていないか？ header.htmlを読み込むとid="header"が2つあることになり、IDは一意である必要があるという原則からはずれる。 Firebugとか使って読み込めていないのか、読み込めているけど何かが原因で開けないのか見たほうが早いよ。
その他の回答 (1)
- warpspace
- ベストアンサー率56% (83/147)
回答No.1
test.htmlが表示されたときにJAVASCRIPTを実行するには、以下のように指定する必要があります。 $(function(){ $("#header").load("header.html"); }); ↓ $(document).ready(function(){ $("#header").load("header.html"); });
質問者
お礼
回答ありがとうございます。 なんとか解決できました。 原因は２つあって、まずChromeをローカルで使っていたためheader.htmlが読み込まれていなかったこと、最後の // --> の//の後にスペースが入っていてSyntax Errorになっていたこと、でした。
お礼
回答ありがとうございます。 アドバイス通りChromeのデベロッパツールを使ってみたら、解決できました。 原因は２つあって、１つ目はChromeをローカルで使っていたためheader.htmlが読み込まれていなかったこと、２つ目は最後の // --> の//の後にスペースが入ってたので最初の<!--がSyntax Errorになっていたこと、でした。