12

私はウェブサイトを開発しており、サイドメニューにこれがあります：

<a href="#" class="leftMenu" id="contact">Contact Us</a>

それから私はこのスクリプトを持っています

$(document).ready(function(){
  $("#contact").click(function(){
    $("#contents").load('home.php');
  });
});

そして、私は自分のページ内にこのDIVを持っています:

<div class="contentWrapper" id="contents"></div>

明らかに、私がやろうとしているのは、[お問い合わせ] ハイパーリンクをクリックしたときに home.php をロードすることですが、うまくいきません。コードの何が問題になっていますか?

4

4 に答える 4

18

home.phpファイル名の代わりにページの URL を追加します。

$(document).ready(function(){
  $("#contact").click(function(){
    $("#contents").load('url to home.php');
  });
});
于 2012-09-21T04:42:45.953 に答える
11

このように使用$.load()して、何が起こっているかについてより多くのデータを取得できます。エラーメッセージが表示されたら、おそらく自分で解決できます^^

$("#contents").load("home.php", function(response, status, xhr) {
  if (status == "error") {
      // alert(msg + xhr.status + " " + xhr.statusText);
      console.log(msg + xhr.status + " " + xhr.statusText);
  }
});
于 2012-09-21T04:34:07.993 に答える
3

@ user2805663この投稿はかなり古いことは知っていますが、解決策を投稿させてください。私を助けてくれたので、他の誰かを助けるかもしれません。

@Mangala Edirisingheに感謝します

次の方法により、シングルクリック(リンク)で2つの異なるDIVに2つの別々のファイルをロードできます。

$(document).ready(function(){ 
 $("#clickableLink").click(function(){ 
  $("#contents").load('url/file1.php');
  $("#contents2").load('url/file2.php'); 
 }); 
});
于 2016-05-20T12:50:28.873 に答える
1

スクリプト ディレクトリからではなく、インデックス ディレクトリから「 home.php 」のパスを使用する必要があります。

あなたのサイトが次の場合:

/
  index.php  
  scripts
     /script.js 
     /home.php

「 scripts/home.php」を渡してパラメータを変更する必要があります

于 2012-10-10T04:58:36.603 に答える