WordPress JQuery處理沙發(fā)頭像
更新時(shí)間：2009年06月22日 13:26:52 作者：
因?yàn)槲业牧粞园迨堑剐?，默認(rèn)又只會(huì)展開(kāi)最新的5條留言，對(duì)于較舊留言甚至是沙發(fā)的同學(xué)，很容易被忽略掉。
我想這對(duì)沙發(fā)同學(xué)不太公平吧。昨天在看yinheli同學(xué)的《鼠標(biāo)懸浮實(shí)現(xiàn)顯示留言內(nèi)容》一文（建議看看，好文章），就想到我何不把沙發(fā)的頭像copy出來(lái)然后放在顯眼的位置上呢，如下截圖效果。
做法首先是你的網(wǎng)站加載了JQuery，然后在你需要放置沙發(fā)頭像的地方添加一個(gè)<div>，內(nèi)容為空即可：
<div id="shafa"></div>
然后要做的就是利用js復(fù)制沙發(fā)的頭像，并把復(fù)制的內(nèi)容填入上面設(shè)定的<div>內(nèi)：
$(document).ready(function() {
$(".commentlist .avatar:last img").clone().appendTo("#shafa");
});
這樣就可以啦，注意上面的
avatar
假設(shè)是你主題模板中包含頭像圖片的樣式名稱；然后
:last
這一處是對(duì)于象我一樣的倒序留言板設(shè)定的，因?yàn)樯嘲l(fā)的同學(xué)是在留言列表的最后；而對(duì)于順序留言板，則改為
:first
。
還有就是不要忘記進(jìn)行CSS的樣式定義。再有的是利用相同的方法你可以復(fù)制指定的內(nèi)容，如沙發(fā)的留言內(nèi)容，名字等，只要對(duì)應(yīng)一下它們的樣式名稱則可。
做法首先是你的網(wǎng)站加載了JQuery，然后在你需要放置沙發(fā)頭像的地方添加一個(gè)<div>，內(nèi)容為空即可：
復(fù)制代碼 代碼如下:
<div id="shafa"></div>
然后要做的就是利用js復(fù)制沙發(fā)的頭像，并把復(fù)制的內(nèi)容填入上面設(shè)定的<div>內(nèi)：
復(fù)制代碼 代碼如下:
$(document).ready(function() {
$(".commentlist .avatar:last img").clone().appendTo("#shafa");
});
這樣就可以啦，注意上面的
avatar
假設(shè)是你主題模板中包含頭像圖片的樣式名稱；然后
:last
這一處是對(duì)于象我一樣的倒序留言板設(shè)定的，因?yàn)樯嘲l(fā)的同學(xué)是在留言列表的最后；而對(duì)于順序留言板，則改為
:first
。
還有就是不要忘記進(jìn)行CSS的樣式定義。再有的是利用相同的方法你可以復(fù)制指定的內(nèi)容，如沙發(fā)的留言內(nèi)容，名字等，只要對(duì)應(yīng)一下它們的樣式名稱則可。
您可能感興趣的文章:
- 使用CDN和AJAX加速WordPress中jQuery的加載
- 利用jQuery實(shí)現(xiàn)WordPress中@的ID懸浮顯示評(píng)論內(nèi)容
- 詳解WordPress中調(diào)用評(píng)論模板和循環(huán)輸出評(píng)論的PHP函數(shù)
- WordPress中鼠標(biāo)懸停顯示和隱藏評(píng)論及引用按鈕的實(shí)現(xiàn)
- 解決WordPress使用CDN后博文無(wú)法評(píng)論的錯(cuò)誤
- 優(yōu)化WordPress中文章與評(píng)論的時(shí)間顯示
- 編寫PHP腳本來(lái)實(shí)現(xiàn)WordPress中評(píng)論分頁(yè)的功能
- 在WordPress中實(shí)現(xiàn)評(píng)論頭像的自定義默認(rèn)和延遲加載
- WordPress中利用AJAX異步獲取評(píng)論用戶頭像的方法
- WordPress中限制非管理員用戶在文章后只能評(píng)論一次
- 使用jQuery實(shí)現(xiàn)WordPress中的Ctrl+Enter和@評(píng)論回復(fù)
相關(guān)文章
用JQuery實(shí)現(xiàn)表格隔行變色和突出顯示當(dāng)前行的代碼
用JQuery實(shí)現(xiàn)表格隔行變色和突出顯示當(dāng)前行的代碼，需要的朋友可以參考下2012-02-02
超級(jí)酷和最實(shí)用的jQuery實(shí)例收集(20個(gè))
二十個(gè)超級(jí)酷和最實(shí)用的jQuery實(shí)例，對(duì)于使用和學(xué)習(xí)jquery的朋友是個(gè)不錯(cuò)的參考與學(xué)習(xí)資料。2010-04-04
實(shí)例詳解jQuery結(jié)合GridView控件的使用方法
這篇文章主要以實(shí)例的方式詳細(xì)介紹了jQuery結(jié)合GridView控件的使用方法，感興趣的小伙伴們可以參考一下2016-01-01
利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框輸入框時(shí)，自動(dòng)顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動(dòng)在后臺(tái)查找，然后傳到前臺(tái)，展現(xiàn)頁(yè)面2013-10-10
jquery實(shí)現(xiàn)彈出層登錄和全屏層注冊(cè)特效
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)彈出層登錄和全屏層注冊(cè)特效，推薦給大家，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)刪除LI的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了nicejforms——美化表單不用愁2007-02-02
本文給大家分享的是個(gè)人關(guān)于jQuery中事件的理解，主要向大家介紹了jQuery中事件的綁定，合成、以及事件冒泡、阻止事件等內(nèi)容，希望大家能夠喜歡。2015-03-03
Jquery 設(shè)置標(biāo)題的自動(dòng)翻轉(zhuǎn)
我們平時(shí)在開(kāi)發(fā)web程序的時(shí)候，想把一個(gè)新聞源滾動(dòng)顯示新聞的條目的標(biāo)題及內(nèi)容摘要，而且是每次一條，有點(diǎn)類似csdn的滾動(dòng)廣告。2009-10-10
Jquery的autocomplete插件用法及參數(shù)講解
今天小編就為大家分享一篇關(guān)于Jquery的autocomplete插件用法及參數(shù)講解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-03-03