Question

    <?php
        while($row=mysqli_fetch_array($run))
           {
           $comment = $row['comment'];
           $username = $row['UserName'];
           $userid1 = $row['UserId'];
           $date = $row['CDate'];
           $ageDate = time_elapsed_string($date);

          ?>

          <div class="jumbotron" style="border:3px solid #2FAB9B; background-color:#68C8C6;">
          <div class="row">
          <div class="col-md-10">
           <?php echo $comment; ?>
           </div>
           <div class="col-md-2">
           <?php echo $ageDate; ?>
           </div>
           </div>
           <br>
            <label>Comment by &nbsp;<a href="profile.php?id=<?php echo $userid1; ?>"><?php echo $username; ?></a></span></label><br>
            <a id="reply">Reply</a>
            <br>
            <div style="width:63%; display:none; id="replyForm">
            <form action="">
            <textarea cols="100" rows="4"></textarea><br>
            <button class="btn btn-primary" style="float:right">reply</button>
            </form>
            </div>
          </div>
          <script>
          $(document).ready(function()
          {
            $("#reply").click(function()
            { 
            $("#replyForm").show();
            });
          });
          </script>
           <?php } ?>

我正在建立一个评论系统，其中每个评论都显示一个评论，单击要显示的回复文本框和按钮的回复链接上有一个回复链接。上面的代码不起作用。

Answer 1

您没有在""中使用CSS来完成div

尝试一下：

<div style="width:63%; display:none;" id="replyForm">  <!-- Complete "" to the style -->

相反：

<div style="width:63%; display:none; id="replyForm">

已更新：

如果仅用于第一条记录，则必须为anchor添加类。

检查以下内容：

<a id="reply" class="reply">Reply</a>

还将类添加到您的div中。

<div style="width:63%; display:none;" class="replyForm" id="replyForm">

，然后在您的jQuery中使用类。

 $(document).ready(function()
 {
     $(".reply").click(function()
     { 
        $(".replyForm").show();
     });
 });

Answer 2

您需要正确关闭style的{{1}}属性，并为Javascript选择器使用类和属性。

使用类选择器可使Javascript适用于多行/多条记录。

更新后的Javascript将获取div属性的值，即唯一标识符（在这种情况下为data-role）；并显示相应的$userid1格。

您还可以将Javascript放置在循环之外，如下所示：

replyForm

在按钮上动态显示文本框单击

2 个答案: