您现在的位置是:首页 > 教程资讯 > 编程开发

WordPress JQuery处理沙发头像

2021-11-25 17:00:18【编程开发】人查看

简介 因为我的留言板是倒序,默认又只会展开最新的5条留言,对于较旧留言甚至是沙发的同学,很容易被忽略掉。

我认为这对沙发学生不公平。昨天看了李银河写的文章《鼠标悬浮实现显示留言内容》(推荐看,是篇好文章),心想,不如把沙发头抄出来放在显眼的位置,如下图截图所示?shafa-screenshot

首先你的网站加载JQuery,然后在需要放置沙发头像的地方添加一个div,内容为空:复制代码如下:div id='shafa'/div,然后你需要做的就是用js复制沙发头像。并将复制的内容填入上面设置的div:复制代码如下: $(文档)。ready(function(){ $(.comment list . avatar 3360 last img ')。克隆()。appendo(' # shafa ');});没事,注意上面的头像假设是你的主题模板包含了头像图片的风格名称;然后像我一样把:last设置为倒过来的留言板,因为沙发学生在留言列表的末尾;对于顺序留言板,先改为:还有别忘了定义CSS的风格。此外,您可以使用相同的方法复制指定的内容,例如消息内容和沙发名称,只要它们与其样式名称相对应。