Question

我遇到的问题是我的div.hide无效，因为它只是显示，每当我点击后面的链接“回复”它都不会隐藏。

的JavaScript

<script type="text/javascript">
$('body').on('click','a.btnGG',function(){
    var va=$(this).data('comment_id');
    $("#parent_id").val(va);
    $("#formReply").attr("va",$("#formReply").attr("va") + va);
    $(".formms").hide();
    $(this).after('<div class="formms">'+$(".gg").html()+'</div>');

    $("#hides").onclick(function (){
        $(".gg").css("display","block");
    });
</script>

TPL

<a href="javascript:;" id="hides" class="btnGG" > reply</a>
<div class="gg"  style="display:none;">
    <form action="/commenter/web/index.php" id="formReply"  method="Post" >
        <input type = "hidden" name ="m" value = "{$m}" /> 
        <input type="hidden" name="comment_id" id="comment_id" value="{$data.comment_id}"/>
        <input type = "hidden" name="post_id" value="{$req.post_id}" />
        <!--  <input type = "hidden" name="user_id" value="{$req.user_id}" /> -->
        <input type = "hidden" name ="c" value = "do_add_comment_reply" /> 
        <input type="hidden" name="parent_id" id="parent_id" value=""/>

        <textarea class="form-control" name="message" placeholder="Please leave a reply of the comment "></textarea>
        <input type="submit" id="btn_reply"  name="btn_reply" class="btn btn-primary" value="Reply">

    </form>
</div>

我是初学程序员。

Answer 1

很难说出你在使用代码做了什么。如果您只想显示div或隐藏点击回复按钮，则会有完整的代码（TPL文件）：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>




<a href="javascript:;" id="hides" class="btnGG" > reply</a>
<div class="gg"  style="display:none;">
    <form action="/commenter/web/index.php" id="formReply"  method="Post" >
        <input type = "hidden" name ="m" value = "{$m}" />
        <input type="hidden" name="comment_id" id="comment_id" value="{$data.comment_id}"/>
        <input type = "hidden" name="post_id" value="{$req.post_id}" />
        <!--  <input type = "hidden" name="user_id" value="{$req.user_id}" /> -->
        <input type = "hidden" name ="c" value = "do_add_comment_reply" />
        <input type="hidden" name="parent_id" id="parent_id" value=""/>

        <textarea class="form-control" name="message" placeholder="Please leave a reply of the comment "></textarea>
        <input type="submit" id="btn_reply"  name="btn_reply" class="btn btn-primary" value="Reply">

    </form>
</div>


<script type="text/javascript">
    $('body').on('click','a.btnGG',function() {
        $(".gg").toggle();
    });
</script>
</body>
</html>

Answer 2

<a href="javascript;" id="hides" class="btnGG" > reply</a>
<div class="gg"  style="display:none;">
  // Code
 </div>

将其更改为

<a href="#" id="hides" class="btnGG" > reply</a>
<div class="gg" id="testid"  style="display:none;">
  // Code
 </div>

并使用

之类的脚本

$(document).ready(function(){
   $("#hides").onclick(function(){
      $("#testid").toggle("show");
   });
});

如何隐藏textarea？

2 个答案: