JavaScript超初心者です。
何卒ご協力の程よろしくお願い致します!!
タイトルの通り、jQuery.jsを使ってページのある部分に外部htmlファイルを読み込みたいと考えています。
以下のページを参考にやってみましたが上手くいきません。
http://blog.sugulab.com/?p=14
やってみたのは下記のような作業です。
まず、下記サイトより「jquery-1.9.1.min.js」ファイルをダウンロードし、「js」というフォルダに「jquery.js」として保存しました。
http://jquery.com/download/
次に参照ページにならってhead要素内に下記のように記述しました。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
<!–
$(function(){
$("#leftcontent").load("shopmenu.html");
});
// –>
</script>
body要素内には<div id="leftcontent"></div>と記述しています。
このleftcontentの部分に、同じ階層にある「shopmenu.html」を表示させたいのですが、何も表示されず困っています。
PHP等の知識は一切ない為、これでいけそうなら頑張りたいのですが・・・
ド素人の為、見当違いのご質問でしたらご容赦ください。
どなたかご教示、アドバイスの程よろしくお願い申し上げます!!m(*u_u*)m
No.2ベストアンサー
- 回答日時:
こんにちは。
<script type="text/javascript">
<!–
$(function(){
$("#leftcontent").load("shopmenu.html");
});
// –>
</script>
ではなくて
<script type="text/javascript">
<!--
$(function(){
$("#leftcontent").load("shopmenu.html");
});
// -->
</script>
です。
<!--
//-->
これで括ります。
(くくらなくてもほぼ大丈夫ですけどね)
この回答への補足
早速のご回答ありがとうございます!!
参照サイトからコピペしてしまった為、全く気付きませんでした!!
お恥ずかしいです><
早速修正したところ、きちんと表示できました。
大感謝です!!!
で・・・
IEでは上手く表示されるのですが、Chromeだと上手く行きません。
少し自分で調べてみたら、「load()」をChromeで使うと表示されないという気になる記述を見つけてしまいました(汗)
結局このやり方では無理なんですかね(泣)
ちょっと自分でもよく調べてみたいと思います。
また何かアドバイスくださると嬉しいです。
本当に助かりました!!
ありがとうございます(*^ー^*)ノ
迅速で丁寧なご回答、本当に有難うございました!!
Chromeで表示されない件は自分で調べてみますね。
ご協力に心から感謝申し上げます(*^ー^*)ノ
No.1
- 回答日時:
気になったのはパスの指定、同じ階層にある「shopmenu.html」という箇所ですが、htmlに対して同階層でしょうか?
検証の方法は、↓の回答が参考になると思います。
http://oshiete.goo.ne.jp/qa/6186403.html
ちなみに、jquery.loadでどれくらい調べましたか?
まずは、検索する癖をつけることをおすすめします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
base64encodeでの文字化けについて
-
JavaScriptで背景や文字色を色→...
-
プラグイン無しでContactform7...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
bodyにidをつける理由は何ですか?
-
javascriptでalertの文字列をコ...
-
window.openの後にエンコードを...
-
JavaScriptでiframeの内容を「...
-
getElementsByNameで要素が取得...
-
複数のページ(html)のvalueを...
-
【SSI】include file、include ...
-
document.getElementById
-
【javascript クロスブラウザ...
-
SCRIPT5007: 未定義または NULL...
-
Dreamweaver で 外部JSを読み込...
-
スマホ上で、左右スワイプで次...
-
マウスクリックした地点のテキ...
-
ページによって表示位置がずれ...
-
確認ダイアログで「キャンセル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
jquery ui.resizable 使い方
-
複数のjavascriptを使うと動か...
-
Base64に変換したHTMLの<script...
-
bxslider、画像が3枚以上になる...
-
Jqueryの干渉について
-
DreamWeaverでJS
-
複数のバージョンのjQueryを同...
-
マウスオーバー+クリカブルマッ...
-
マスターページでのJavaScriopt...
-
jqueryのcolorboxを読込直後に...
-
javascript外部読み込みの際の引数
-
lightbox2 表示の不具合
-
jsファイルで配列を定義し、j...
-
jqueryを2つ設置した事で片方...
-
<script>タグというのはどこか...
-
Javascriptがうまく動作しません。
-
同一HTML内に複数のjQueryを作...
-
jqueryについて(Lightboxとbxs...
-
colorboxの直接呼び出し方法に...
おすすめ情報