javascript - 动态显示按钮单击上的文本框

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

您没有使用 div 中的 css 来完成 ""

试试这个:

<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();
     });
 });