So for the last couple of nights I've been trying to get the comments working on a theme I'm working on And finally got nested comments to work. But my problem is when you click the reply button to reply to a comment it just goes to the bottom of the page, what I want to happen is the comment form to jump up under the comment to reply to. I have already tried putting
PHP Code:
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
above
PHP Code:
<?php wp_head(); ?>
in the header.php file. Any help would be greatly appreciated!
Here is my code:
Functions.php
PHP Code:
<?php
// Comments Functions
// =======================================================
function custom_comments_list($comment, $args, $depth){
$GLOBALS['comment']=$comment; ?>
<li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
<div id="comment-<?php comment_ID(); ?>">
<div class="comment-author vcard">
<?php echo get_avatar($comment, 52); ?>
<?php comment_author_link(); ?>
</div><!-- end .comment-author vcard -->
<?php if($comment->comment_approved=='0'): ?>
<em>Your comment is awaiting moderation</em><br />
<?php endif; // end if($comment->comment_approved=='0') ?>
<div class="comment-time">
<a href="<?php echo htmlspecialchars(get_comment_link($comment->comment_ID)) ?>">
<?php comment_date(); ?> at <?php comment_time(); ?>
</a>
<?php edit_comment_link('Edit',' | ','') ?>
<?php comment_reply_link(array_merge($args, array('depth'=>$depth, 'max_depth'=>$args['max_depth'], 'login_text'=>'Log In to Reply'))) ?>
</div><!-- end .comment-time -->
<?php comment_text() ?>
</div><!-- end comment- -->
<?php
} ?>
Comments.php
PHP Code:
<?php
// Do Not Delete These Lines
if(!empty($_SERVER['SCRIPT_FILENAME'])&&'comments.php'==basename($_SERVER['SCRIPT_FILENAME']))
die('Please Do Not Load This Page Directly. Thanks!');
if(post_password_required()){ ?>
<p class="nocomments">This post is password protected. Please enter the passward to view comments.</p>
<?php
return;
}
?>
<?php if(have_comments()): ?>
<h3 id="comment-number"><?php comments_number('No Comments', '1 Comment', '% Comments'); ?> to “<?php the_title(); ?>“</h3><!-- end .comments -->
<div class="navigation">
<div class="previous-comment"><?php previous_comments_link(); ?></div>
<div class="next-comment"><?php next_comments_link(); ?></div>
</div><!-- end .navigation -->
<ul class="comment-list">
<?php wp_list_comments('type=comment&callback=custom_comments_list'); ?>
</ul><!-- end .comment-list -->
<div class="navigationv">
<div class="previous-comment"><?php previous_comments_link() ?></div>
<div class="next-comment"><?php next_comments_link() ?></div>
</div><!-- end .navigation -->
<?php else: // this is displayed if there are no comments yet ?>
<?php if(comments_open()): ?>
<!-- if comments are open, but no comments -->
<?php else:// comments are closed ?>
<!-- If comments are closed -->
<p class="nocomments">Comments are closed.</p>
<?php endif; // end if(comments_open() ?>
<?php endif; // end if(have_comments() ?>
<?php if(comments_open()): ?>
<div id="respond">
<h3 id="comments"><?php comment_form_title('Leave a reply', 'Leave a reply to %s'); ?></h3>
<div class="cancel-comment-reply">
<small><?php cancel_comment_reply_link(); ?></small>
</div><!-- end .cancel-comment-reply -->
<?php if(get_option('comment_registration')&&!is_user_logged_in()): ?>
<p>You must be <a href="<?php echo wp_login_url(get_permalink()); ?>">logged in</a> to post a comment.</p>
<?php else: ?>
<!-- Comment Form
=================================== -->
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentsform">
<?php if(is_user_logged_in()): ?>
<p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account">Log out »</a></p>
<?php else: ?>
<label for="author"><small>Name:<?php if($req)echo"(required)"; ?></small></label>
<input type="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" tabindex="1"<?php if ($req) echo"aria-required='true'"; ?> />
<label for="email"><small>Email:<?php if($req)echo"(required)"; ?></small></label>
<input type="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" tabindex="2"<?php if ($req) echo"aria-required='true'"; ?> />
<label for="url">Website:<?php if($req)echo"(required)"; ?></label>
<input type="text" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?>" tabindex="3" />
<?php endif; // end if(is_user_logged_in() ?>
<p><small>You can use these tags:<code><?php echo allowed_tags(); ?></code></small></p>
<textarea name="comment" id="comment" tabindex="4"></textarea>
<input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<?php do_action('comment_form', $post->ID); ?>
</form>
<?php endif; // end if regestration is required and not logged in ?>
</div><!-- end respond -->
<?php endif; // end if(comments_open() ?>
If any one can figure out why the comments box will not move on a reply please let me know thanks.