試圖添加PHP到列表項目

我有幾個列表項目，在左側和垂直對齊。我試圖讓右側的容器是空的，將填充來自該列表項的特定ID的URL的信息。目前，我已經使用load()創建了一個jQuery函數，它允許我在列表項中單擊並將數據填充到正確的容器中，但它只是最小ID的數據。如果我單擊其他列表項目，則右側容器中的數據不會更改。試圖添加PHP到列表項目

我試着在列表項中添加一個鏈接，它的工作原理。顯示正確的數據，但是，我每次都離開當前頁面查看它，並且它不會填充在右側的容器中，現在位於上一頁。

有無論如何得到正確的編號分配給正確的清單項目？

這裏是我的HTML：

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script type="text/javascript">  
    $(document).ready(function(){ 
    $("li").click(function(){ 
    $("#divId").load("pm_message.php?u=<?php echo $log_username; ?>&pmid=<?php echo $pmid; ?> #pm_post"); 
    }); 
    }); 
    <body> 
    <div class="wrapper"> <!--Left and Right container wrapper--> 
    <div class="container"> 
    <div class="left"> 
     <!--left container--> 
     <div class="top"> 
     <input type="text" /> 
     <a href="javascript:;" class="search"></a> 
     </div> 
     <ul class="people"> 
     <a href="pm_message.php?u=<?php echo $log_username; ?>&pmid=<?php echo $pmid; ?>"><?php echo $people; ?></a> <!--generates list of people--> 
     </ul> 
    </div> 
    <div class="right" id="right"> 
     <!--Right container--> 
     <div class="top"><span class="name"></span></div> 
     <div id="divId"></div> 
    </div> 
    </body> 
</html>

和文字：

//DB connection 
    //Collecting data from db 
    //Variable $people collects data for the people listed in the left container 
    $people = ' 
       <li class="person"> 
        <a id="a" href="pm_message.php?u='.$log_username.'&pmid='.$pmid.'"><span class="name">'.$sender.'</span></a> 
          <!--<span class="name">'.$sender.'</span>--> 
          <span class="time">'.$time.'</span> 
          <span class="preview">'.$message.'</span> 
       </li>';

來源

2016-08-27 Millica

也許你必須改變選擇器*＃divId *爲*＃convo *？ –

你總是發送相同的URL reuqest：

你應該把網址動態取決於li點擊。

$(document).ready(function() { 
    $("li").click(function() { 

     var strReqUrl = $(this).attr('href'); 
     $("#divId").load(strReqUrl); 
    }); 
});

來源

2016-08-27 15:55:55

感謝您的回答！不幸的是它沒有奏效。現在右側容器上沒有任何內容出現。 – Millica

試圖添加PHP到列表項目

回答

相關問題