1. ホーム
  2. jquery

[解決済み] jQuery .load()が動作しない

2022-01-29 21:07:57

質問

私のウェブサイトで、フォーラム(同じドメインでホストされている)の投稿のコンテンツを取り出し、jQueryを使用して、ホームページのdivに表示しようとしています。

以下は、ヘッダーのコードです。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

<script type="text/javascript">
jQuery("#contain").load("http://examplepage.com/forum/showthread.php?tid=NN #pid_NN");
</script>

そして、投稿を表示させたいdivです。

<div id="contain"></div>

考慮すべきこと

  • ライブラリは問題なく読み込まれます。
  • 他のコードを入力すると、動作します(alert(1);をテストするようなもの)。
  • コンソールは何もエラーを報告しません。
  • divは空白のままです。実際、表示すらされていません。しかし、それはそこにあるのです。

私は何を間違えているのでしょうか?

どうすればいいですか?

あなたのコードは次のようなものでなければなりません。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

jsコード

 <script type="text/javascript">
   jQuery(document).ready(function(){
       jQuery("#contain").load("http://examplepage.com/forum/showthread.php?tid=NN #pid_NN");
   });
</script>