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中获取页面链接和题目的相干PHP函数用法解析

get_permalink()(获取文章或页面链接) get_permalink() 用来依据固定衔接前往文章或许页面的链接。在获取...

网络盛传的对于Wordpress的九大谬论

关于一个刚接触Wordpress的老手来说,或多或少都会遭到网络上对于Wordpress的一些评论影响。有的甚至被奉为...

wordpress在postname中支持大写字母的办法

普通而言,WordPress自身会对英语用户的体验进行优化,例如默许模板的分隔符永远都是&ldquo;|&rdquo;,由于...

WordPress中查问文章的循环Loop构造及用法剖析

WordPress 上获取文章最重要的就是循环(Loop),现实上循环就是去数据库查问到相应的文章,而后临时贮存到...

应用CDN和AJAX减速WordPress中jQuery的加载

确定要放在Head局部 &#63; 现实上最好的状况是,js文件都不要在<head>局部进行加载,否则会影响到head局部的...

根底的WordPress插件制造教程

插件制造预备工作 首先咱们在\wp-content\plugins目录下增加一个文件夹叫做”My-Mood”,在文件夹中增加一个...

需求提交

客服服务

亿鸽在线客服系统