web-dev-qa-db-ja.com

jQuery .load()が機能しない

私のウェブサイトでは、(同じドメインでホストされている)フォーラムの投稿のコンテンツをプルし、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は空白のままです。実際には、それも表示されません。しかし、それはあります。

何が悪いのですか?

11
TW_

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

<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>
9
rajesh kakawat

.loadは、GETパラメータを個別に渡すことができます。

.load("link to php", "http://examplepage.com/forum/showthread.php", "tid=NN#pid_NN")
1
Rhys Lees

クロージングが必要です</script>タグがjQueryに含まれていて、domのロードを待つ必要があります。

JS

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

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

HTML

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