VPS参考、测评、推荐
分享你关注的VPS主机优惠信息

WordPress网站主题开发,WordPress评论列表伸缩显示子评论教程分享

WordPress网站主题开发,WordPress评论列表伸缩显示子评论教程分享

许多想让他们的评论列表看起来更好。今天,我将与大家一个关于如何 以在评论列展开和显示子评论的

通过单击“查看对话”按钮控件来显示评论。同时查看和关闭对话也会随着缩放而改变。

WordPress网站主题开发,WordPress评论列表伸缩显示子评论教程分享

实施步骤:

首先要控制的是查看和关闭对话框,该对话框仅出带有子评论的父评论下方。我这里的想法是先判断$comment->comment_parent是否为0;同时,在前天的折腾中,有一个记录子评论数量的函数,由child_comment_counter($comment->comment_ID)是否大于0来决定。两个条件都在同时,如下:

查看对话

然后控制View Conversation按钮,点击第一次显示子评论,修改View Conversation为Close Conversation。第二次单击,关闭子评论并关闭对话以查看对话:

/* 查看子评论 */

$(“.part .js-comment”).click(function(){

if($(“ul.children”).css(“display”)==”none”){

$(“ul.children”).fadeIn();

$(this).html(‘关闭对话框’);

}别的{

$(“ul.children”).fadeOut();

$(this).html(‘查看对话’);

}

});

注意的是,默认情况下,ul.children是隐藏的,即display:none。

:WordPress网站,WordPress评论列表伸缩显示子评论://.caogenba.com.com/66858.html

赞(0) 打赏
未经允许不得转载:草根吧VPS_最新VPS信息参考 » WordPress网站主题开发,WordPress评论列表伸缩显示子评论教程分享
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址