0

<div>を他のコンテンツ、より具体的には別の PHP ファイルに置き換えることに関する無数の記事を読みました。私はこれを機能させることができないようです。どちらのボタンをクリックしても、まったく何も起こりません。すべての id="XXX" がすべての JavaScript 関数に対して正しいことを確認しようとしましたが、Javascript は初めてです。以下のコードと、これを挿入しようとしているページとテスト ページの両方へのリンクを含めました。

元のページ - http://www.havenswatch.com/records/player.php?playerID=1

テストページ - http://www.havenswatch.com/records/testdivswap.php

<html>
    <head>
        <script>
            function loadbioPage() {
                $("#rightpage").load('bio.php');
            }
            function loadcreditsPage(){
                $("#rightpage").load('creditsmod.php');
            }
        </script>    
    </head>
    <body>
        <input type="button" value="Bio" onclick="loadbioPage()"/>
        <input type="button" value="Credits" onclick="loadcreditsPage()"/>
        <div id="rightpage">
            <?php include('creditsmod.php'); ?>
        </div>
    </body>
</html>
4

4 に答える 4

2

jQuery をインクルードし、適切なイベント ハンドラーを使用します。PHP スクリプトで適切なデータを出力するのに助けが必要な場合は、スクリプトを見せて質問してください。

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#loadbioPage').on('click', function() {
                $("#rightpage").load('bio.php');
            });

            $('#loadcreditsPage').on('click', function() {
                $("#rightpage").load('creditsmod.php');
            });
        });
    </script>    
</head>
<body>
     <input type="button" value="Bio" id="loadbioPage"/>
     <input type="button" value="Credits" id="loadcreditsPage"/>
     <div id="rightpage">
         <?php include('creditsmod.php'); ?>
     </div>
</body>
</html>
于 2013-05-21T16:28:28.850 に答える
0

まず、Firebug コンソールのタグにエラーが表示されます。

以下のコードを試してください

  <html>
 <head>

  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
 <script type="text/javascript">
 function loadbioPage(){
   $("#rightpage").load('bio.php');
}
 function loadcreditsPage(){
 $("#rightpage").load('creditsmod.php');
}
</script>    
</head>
<body>
 <input type="button" value="Bio" onclick="javascript:loadbioPage(); return false;"/>
 <input type="button" value="Credits" onclick="javascript:loadcreditsPage(); return false;"/>
 <div id="rightpage">
     <?php include('creditsmod.php'); ?>
 </div>

コードの残りの部分は問題ないようです。

これをチェックしてください。

ありがとうございました

于 2013-05-21T16:37:52.790 に答える
-1 
<script>
<script>
function loadbioPage(){
$("#rightpage").load('bio.php');
}
function loadcreditsPage(){
$("#rightpage").load('creditsmod.php');
}
</script>

// コード内の script タグの開始を確認し、jQuery の最新バージョンをインストールしてください。

于 2013-05-21T16:31:20.520 に答える