点击

Question

我试图让wordpress评论表单不是一直显示，而是在点击按钮时打开。 我正在尝试的以下代码很有用。唯一的问题是，通过点击你到达页面顶部，然后需要在帖子下方向下滚动才能看到表格。关于如何传递这个的任何建议？

<a href="#" ID="Leave_a_comment">Leave a Comment</a>
<div id="comment_form_wrapper" style="display: none;">
    <?php comments_template( '', true ); ?>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('#Leave_a_comment').click(function() {
            $('#comment_form_wrapper').show();
        });
    });
</script>

Answer 1

使用event.preventDefault();

$(document).ready(function() {
   $('#Leave_a_comment').click(function(event) {
      event.preventDefault();
      $('#comment_form_wrapper').show();
   });
});

Answer 2

点击锚标记后，scrollTop与offset一起使用。

$(document).ready(function() {
        $('#Leave_a_comment').click(function() {
        $('#comment_form_wrapper').show();
        $(window).scrollTop($('#comment_form_wrapper').offset().top);
        });
 });