Comments Reply Form

时间：2012-05-20 作者：Arg Geo

当我点击回复时，回复表单出现在页面底部（在最后一条评论下）。如何在要添加回复的评论中添加回复表单？

2 个回复

最合适的回答,由SO网友:Chip Bennett 整理而成

确保Threaded Comments 已启用：转到Dashboard -> Settings -> Discussion 并启用线程评论选项，确保主题enqueues the comment-reply script. 查找以下内容，通常在header.php, functions.php, 等：

<?php wp_enqueue_script( \'comment-reply\' ); ?>

注意：此调用通常包装在条件中，例如：

<?php
if ( is_single() && comments_open() && get_option( \'thread_comments\' ) ) {
    wp_enqueue_script( \'comment-reply\' );
}
?>

注2：您还可以在回调中看到此代码，该回调连接到wp_enqueue_scripts, wp_head, 或comment_form_before

编辑评论回复脚本，通过一

<?php
function wpse52737_enqueue_comment_reply_script() {
    if ( get_option( \'thread_comments\' ) ) {
        wp_enqueue_script( \'comment_reply\' );
    }
}
add_action( \'comment_form_before\', \'wpse52737_enqueue_comment_reply_script\' );
?>
<?php
function wpse52737_enqueue_comment_reply_script() {
    if ( get_option( \'thread_comments\' ) ) {
        wp_enqueue_script( \'comment_reply\' );
    }
}
add_action( \'comment_form_before\', \'wpse52737_enqueue_comment_reply_script\' );
?>

SO网友:Karina

您可以创建<div class="quick-holder"></div> 每个注释末尾的容器，并复制（&M）；在上面放置评论表单<div> 通过jQuery。

单击可启用的隐藏表单Reply 链接

<form action="<?php echo get_option(\'siteurl\'); ?>/wp-comments-post.php" method="post" id="commentform-a" class="hidden absolute">
..
</form>

jQuery

// QUICK REPLY FORM
var hForm_a = p(\'#commentform-a\').outerHeight(true) + 15 + 25 + 25; // paddings & margin

p(\'a.quick-reply\').click(function(){

    var
        id = p(this).attr(\'title\'),
        form = p(\'#commentform-a\'),
        author = p(\'#author-\'+id).html();

        form.find(\'#to-author\').html(author);

        form.removeClass(\'hidden absolute\');

    //  form.remove();

        p(\'.cancel-reply\').addClass(\'none\');

        // Hide major form
        p(\'#commentform\').stop(true, false).animate({height: 0, opacity: 0}, 500, function(){
                                                        p(this).addClass(\'hidden absolute\').css({height: \'auto\'});
                                                        p(\'#review-label\').removeClass(\'none\');
                                                    });

        // Close all .quick-holder\'s
        p(\'.quick-holder\').stop(true, false).animate({height: 0}, 500);

        // Put the form to the holder
        p(\'#comment-\'+id).find(\'.quick-holder:eq(0)\').append(form).animate({height: hForm_a}, 500, function(){
                                                                                                        p(this).css({height: \'auto\'});
                                                                                                        p(\'#comment-\'+id).find(\'.cancel-reply:eq(0)\').removeClass(\'none\');
                                                                                                    });

        // Set an ID for hidden field
        p(\'#comment_parent\').val(id);

    return false;

})



    // Cancel reply
    p(\'.cancel-reply\').click(function(){

        var hForm = p(\'#commentform\').outerHeight(true);

        // Display major form
        p(\'#commentform\').removeClass(\'hidden absolute\').stop(true, false).animate({height: hForm, opacity: 1}, 1000, function(){ p(this).css({height: \'auto\'}) });

        p(\'.cancel-reply\').addClass(\'none\');
        p(\'#commentform-a\').addClass(\'hidden absolute\');

        // Close all .quick-holder\'s
        p(\'.quick-holder\').css({height: 0});

        return false;

    })

结束

小码农CODE

Comments Reply Form

相关推荐

WP_LIST_COMMENTS中的注释日期不起作用吗？