专注国内外云服务器
分享建站技术教程

WordPress主题开发评论列表伸缩显示子评论教程

立即购买

阿里云服务器 ¥102元/年 云数据库37.5元/年 限时

个人、企业均可购买 | 更多配置0.8折特惠

吾上云WORDPRESS教程最新“WordPress主题开发评论列表伸缩显示子评论教程”

很多站长想要将自己网站评论列表弄的更好看些,今天为大家分享一下WordPress主题开发评论列表伸缩显示子评论教程。

评论是点击查看对话按钮控制显示的。同时查看对话和关闭对话也随着伸缩而变化。

实现步骤:

首先要控制的是查看对话和关闭对话,仅出现在有子评论的父级评论下,我这边的思路是先判断$comment->comment_parent 是否为 0 ;同时在前天折腾中,有个记录子评论数量的函数,由child_comment_counter($comment->comment_ID) 是否大于0 。两个条件需要同时满足,代码如下:

comment_ID)>0 && $comment->comment_parent == ‘0’){?>

查看对话

然后来给查看对话这个按钮进行控制,点击第一次显示子评论,并修改查看对话为关闭对话。第二次点击,关闭子评论并将关闭对话改为查看对话:

/*查看子评论*/

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

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

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

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

}else{

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

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

}

});

需要说明的是,默认时,ul.children是隐藏的,即display:none。

文章来源于互联网WORDPRESS教程:WordPress主题开发评论列表伸缩显示子评论教程,
阿里云服务器89元起,点击购买
腾讯云服务器95元/年起 点击购买

相关推荐: 如何禁用或者关闭WordPress页面顶部管理员工具栏

部分WordPress主题,当用户处于登录状态,会在页面的顶部显示WordPress管理员工具栏。很多时候,这并没有给管理员带来便利性,甚至是一种干扰。 那么如果我们要禁用WordPress网站顶部的管理员工具栏,应该怎么做呢? 其实默认情况下,您可以从用户信…

赞(0)
未经允许不得转载:吾上云 » WordPress主题开发评论列表伸缩显示子评论教程
分享到: 更多 (0)
  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

评论 抢沙发

评论前必须登录!

 

吾上云 专注服务器选购

购买云服务器联系我们