分享各种网络资源
是我乃至整个互联网的精髓所在
 您目前所在位置: 站点首页 » WordPress » 代码 » WordPress回复实现无限嵌套功能
+

WordPress回复实现无限嵌套功能

WordPress回复实现无限嵌套功能-BanYuner

昨天晚些时候,友站龙笑天下站长告知我,DUX有一个通病,就是最后一层回复没有回复按钮,于是我就尝试了一下,发现确实是有这个问题。但是我转头一想,发现这个并不是BUG,为什么呢?

我站点设置的最多就是3层嵌套,那么也就是在最后一层嵌套的位置本身就不应该存在回复,因为如果存在回复的话,那么就将成为第四层嵌套了。所以我觉得这个并不是BUG。但是问题还是有的,也就是如果第三层回复中我想恢复别人怎么办,这个确实是个问题,于是我就开始寻找相关的解决办法,最终在木木木木木博客找到了解决办法:

增大嵌套层数

在comments.php评论回调函数添加“&max_depth=10000”,即嵌套层数改为10000

<?php wp_list_comments('type=comment&callback=mytheme_comment&max_depth=10000'); ?>

也就是说,我们后台设置的几层嵌套已经失效了,无论你设置多少层,最大的层数为10000层。

样式控制代码

鉴于10000层的概念,我们都知道肯定会出现错位的情况,那么就要通过判断来改变下层的位置:

<li <?php comment_class('clearfix'); ?><?php if( $depth > 9){ echo ' style="margin-left:-35px;"';} ?> id="comment-<?php comment_ID() ?>" >

上面这段代码是直接修改以下代码来的:

<li <?php comment_class(); ?> id="comment-<?php comment_ID() ?>">

添加了上面的代码之后,无限嵌套工作已经完成了。但是原博客也说了,因为是无限嵌套,所以可能存在你并不知道这条是回复谁的,那么我们就需要添加一个@用户 来告知别人我是回复这个用户的:

//某层数之后,点击回复输入框自动添加"@用户名" By ImMmMm.com
$('.depth-8').children('.children').find('.reply').click(function(){ //class=".depth-8"子元素class=".children"下的class=".reply"的点击事件,注意:模板不同HTML结构可能不同,需调整!
var rid= $(this).parent().attr("id"); //取得所回复的评论id,可能需要调整!
var rna= $(this).next().text(); //取得所回复的评论用户名,可能需要调整!
$("#comment").attr("value","<a href='#"+rid+"'>@"+rna+"</a> ").focus(); //在输入框添加"@用户名"和链接
});
$('#cancel-comment-reply-link').click(function() {
$("#comment").attr("value",''); //点击取消回复时清空输入框
});

以上是JQ代码,大家看情况添加到自己需要的位置去。

DUX主题确实是一个不错的主题,但是还是那句话,需要完善的地方还有很多,但是799的价格性价比真心不高。

关注我们 打赏 分享此文
微信扫码,关注我们
扫码,支持我
WordPress回复实现无限嵌套功能
支付宝(点击图片切换)
扫码,支持我
WordPress回复实现无限嵌套功能
微信(点击图片切换)
扫码,手机看
WordPress回复实现无限嵌套功能
匿名

个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

相关推荐

  • WordPress修改默认的头像图标

    WordPress修改默认的头像图标

    随着越来越多人使用WordPress,但是很多用户不会修改自己站点的默认WordPress图标,就会跟我的站点一样,看上去非常不美观, ...

    点击查看
  • WordPress简易集成Markdown教程

    WordPress简易集成Markdown教程

    今天首先在群里面看到一个用户询问是否有方法将Markdown集成到主题里面去,后来我一想,这个所谓的Markdown确实是很多人提到 ...

    点击查看
  • WordPress制作简易年度总结页面

    WordPress制作简易年度总结页面

    今天早些时候已经制作一个类似112博客导航的页面,具体可以详见:

    点击查看
  • WordPress通过短代码显示指定文章内容

    WordPress通过短代码显示指定文章内容

    今天在一个WordPress交流群里面看到一个群友问一个问题,我个人方面也是很感兴趣,这个问题就是如何通过“新建文章栏输入链接 ...

    点击查看
  • 禁用WordPress 4.7版本的PDF预览功能

    禁用WordPress 4.7版本的PDF预览功能

    之前的文章我们也介绍了,关于WordPress 4.7版本中,新增了一个预览PDF的功能,详见:

    点击查看
  • WordPress获取文章的第一张图片并且显示

    WordPress获取文章的第一张图片并且显示

    关于这类的文章我们已经介绍过两种方法了,两种方法都不一样,但是适合自己的才是最好的,虽然今天我要介绍的方法可能不适合 ...

    点击查看
  • 龙笑天
WordPress回复实现无限嵌套功能
2 + 6 =
  • 昵称 (必填)  
  • 邮箱 (必填)
  • 网址 (选填)
  1. 1楼
    龙笑天
    非常不错,收藏了!
    龙笑天 来自天朝的朋友 火狐浏览器 Windows 7 河南省洛阳市 联通 9个月前 (05-09)回复