WordPress JQuery解决沙发头像

我想这对沙发同窗不太偏心吧。昨天在看yinheli同窗的《鼠标悬浮完成显示留言内容》一文(倡议看看,好文章),就想到我何不把沙发的头像copy进去而后放在显眼的地位上呢,如下截图成果。

做法首先是你的网站加载了JQuery,而后在你需求搁置沙发头像的中央增加一个<p>,内容为空即可:

代码如下:


<p id="shafa"></p>


而后要做的就是利用js复制沙发的头像,并把复制的内容填入下面设定的<p>内:

代码如下:


$(document).ready(function() {
$(".commentlist .avatar:last img").clone().appendTo("#shafa");
});


这样就能够啦,留意下面的
avatar
假定是你主题模板中蕴含头像图片的款式称号;而后
:last
这一处是关于象我一样的倒序留言板设定的,由于沙发的同窗是在留言列表的最初;而关于程序留言板,则改为
:first

还有就是不要遗记进行CSS的款式定义。再有的是利用相反的办法你能够复制指定的内容,如沙发的留言内容,名字等,只需对应一下它们的款式称号则可。

以上就是安达网络工作室关于《WordPress JQuery处理沙发头像》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: WordPress JQuery JavaScript
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
详解WordPress开发中过滤属性以及Sql语句的函数应用

esc_attr()(过滤属性) 普通在写 Html 代码的标签属性的时分会是下边的格局: <input type="text" name="...

wordpress获取自定义字段get_post_meta函数应用引见

wordpress能够设置自定义字段,不便扩大性能,wordpress利用巧妙的数据库表设计达到这一目的,posts表寄存文...

简略理解WordPress开发中update_option()函数的用法

函数引见 update_option()用于更新数据表中存在的选项值。该函数可取代add_option,但不迭add_option灵敏。...

详解WordPress开发中的get_post与get_posts函数应用

get_post() 在普通主题制造时,get_post()函数咱们普通很少会用到,但由于前面会讲到get_posts(),所以咱们...

WordPress修正新用户注册邮件内容的办法

本文实例讲述了如何修正WordPress新用户注册邮件内容,由于零碎发送的邮件是纯文本类型的,页面不太美观,又没...

php-cgi过程cpu负载过高:禁用wordpress定时义务wp-cron.php

一、成绩形容 1、19号手动晋级到wordpress4.1,21号早上7点看网站php探针,发现零碎负载过高,差不多在1到1...

需求提交

客服服务

亿鸽在线客服系统