JQuery和PHP下的Pb：傳遞arg和GET來顯示內容詳細信息

我想查看側邊欄中的內容列表。當我點擊此邊欄中的特定內容時，應該使用其信息刷新內容詳細信息。JQuery和PHP下的Pb：傳遞arg和GET來顯示內容詳細信息

2頁：test_content.php和test_content_detail.php。

<?php 
/* 
    $Id: test_content.php $ 
    Show all content 
*/ 
?> 
<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <script type="text/javascript" charset="UTF-8" src="./js/jquery.min.js" ></script> 
    <script type="text/javascript"> 
     function loadContent(id) { 
      var $element = $('#content'); 
      var $response = $element.load("test_content_detail.php?id="+id+" #content_detail"); 
     }; 
    </script> 
</head> 
<body> 
<div id="main"> 
    <div id="sidebar"> 
     <div id="items"> 
      <div id="1" class="item"> 
        <input type="button" value="Should show 1" onClick="loadContent(1);"> 
      </div> 
      <div id="2" class="item"> 
        <input type="button" value="Should show 2" onClick="loadContent(2);"> 
      </div> 
      <div id="3" class="item"> 
        <input type="button" value="Should show 3" onClick="loadContent(3);"> 
      </div> 
     </div> 
    </div> 
    <div id="content"> 
     <div id="content_detail"> 
      empty 
     </div> 
    </div> 
</div> 
</body> 
</html>

呼叫的jQuery：

<?php 
/* 
    $Id: Test_content_detail.php $ 
    Show one content 
*/ 
?> 
<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <script type="text/javascript" charset="UTF-8" src="./js/jquery.min.js" ></script> 
    <script type="text/javascript"> 
     function fillDetail(){ 
      var html = '<br>My detail : '; 
      var id = "<?php print $_GET['id']?>"; // Where the PHP do the job 
      if (id){ 
        html += "my id = "+id; 
       } 
       var $detail = $('#content_detail'); 
       $detail.append(html); 
     }; 

     $(document).ready(fillDetail); 
    </script> 
</head> 
<body> 
<div id="main"> 
    <div id="sidebar"> 
     none 
    </div> 
    <div id="content"> 
     <div id="content_detail"> 
      supposed to be filled with <?php print $_GET['id']?> 
     </div> 
    </div> 
</div> 
</body> 
</html>

* Test_content_detail.php ID = 3 *是正確的。但是當我點擊3時看到的是「應該填充3」而沒有詳細信息。

序列pb？ Thx提前！

來源

2011-12-12 MLeFree

它是'test_content_detail.php'還是'Test_content_detail.php'？什麼是鉛？ –

該pb是當我啓動_test_content.php_，當我點擊「點擊3」例如。我在等待「我的詳細信息：我的ID = 3」。但我不知道爲什麼_fillDetail（）_函數不能完成這項工作？ – MLeFree

朋友的回覆：「AJAX中沒有Javascript調用」。

$（文件）。就緒（fillDetail）不能由$ element.load（「test_content_detail.php」）

推出的解決方案：包括在同一個內容文件中的所有JS。

來源

2011-12-27 15:23:38 MLeFree

JQuery和PHP下的Pb：傳遞arg和GET來顯示內容詳細信息

回答

相關問題