试图添加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到列表项目

回答

相关问题