首页 > 解决方案 > 在按钮上动态显示文本框点击

问题描述

    <?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 } ?>

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

标签: javascriptphpjquery

解决方案


你没有完成""你的cssdiv

尝试这个:

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

推荐阅读