单击打开评论表单

Question

我正在尝试使 wordpress 评论表单不会一直完整显示，而是在单击按钮时打开。我正在尝试的以下代码效果很好。唯一的问题是，通过单击您会到达页面顶部，然后需要向下滚动到 post 下方才能看到该表单。关于如何通过这个有什么建议吗？

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

单击打开评论表单

Open Comment form with a click

jquery

forms

comments