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