Question

我有两个列表项，在左侧并垂直对齐。我正在尝试使右侧的容器（空的）填充来自该列表项的特定ID的URL的信息。目前，我使用load()创建了一个jQuery函数，它允许我在列表项中单击并在正确的容器中填充数据，但它只是最小id的数据。如果单击其他列表项，则右侧容器中的数据不会更改。

我尝试在列表项中添加一个链接，但它确实有效。显示正确的数据，但是，我每次都会离开当前页面查看它，并且它根本没有填充在右侧的容器中，现在位于上一页。

无论如何都要将正确的ID分配给正确的列表项吗？

这是我的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>';

Answer 1

您总是发送相同的网址：

您应该动态获取网址取决于li点击。

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

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

试图将php添加到列表项

1 个答案: