logo
          當(dāng)前位置：首 頁 > 資源分享 >WP技巧 > 查看文章
        由于自己內(nèi)頁都是音樂試聽，原來Tstyle免費共享版里面沒有Ajax評論，所以每次評論就刷新頁面，導(dǎo)致音樂也要被刷新，要從新開始播放，感覺特別不友好。于是在網(wǎng)上搜到了代碼實現(xiàn)Ajax評論的方法，發(fā)出來共享給需要的朋友。代碼來自來自于 Willin 大師。
         
        代碼下載
        comments-ajax-1.29.zip (5.4 KB, 1,917 次) 失效反饋
        本站下載音樂僅供試聽交流，未經(jīng)原作者授權(quán)禁止用于任何商業(yè)用途！
         v1.29 適用於 WordPress 2.8 ~ 3.0版本
        comments-ajax-1.3.zip (5.3 KB, 1,989 次) 失效反饋
        本站下載音樂僅供試聽交流，未經(jīng)原作者授權(quán)禁止用于任何商業(yè)用途！
         (v1.3 2010/5/20 更新) 用了新函數(shù) get_post_status_object(), 適用于 WordPress 3.0 以上版本。
        ?
        安裝方法
        解壓之后, 將 comments-ajax.js 及 comments-ajax.php 放在模板所在目錄
         在 header.php 找到
        1. <?php?if?(?is_singular()?)?wp_enqueue_script(?‘comment-reply’?);??> ??
        2. <?php?wp_head();??>??
        將其替換為
        1. <script?type=“text/javascript”?src=“http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js”></script> ??
        2. <?php?wp_head();??> ??
        3. <?php?if?(?is_singular()?){??> ??
        4. <script?type=“text/javascript”?src=“<?php?bloginfo(‘template_directory’);??>/comments-ajax.js”></script> ??
        5. <?php?}??>??
        如果你博客模板header.php里面已經(jīng)加載過jquery.min.js這個JQ庫文，上面的這句代碼可刪除，不用加入header.php
        1. <script?type=“text/javascript”?src=“http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js”></script> ??
        因為 comments-ajax.js 已合併了 WP 的 comment-reply.js, 所以不必再叫用原來的 wp_enqueue_script( ‘comment-reply’ )如果你的模板夠標(biāo)準(zhǔn), 這樣就可以正常工作了。
         
        如果有任何運行不正常, 請繼續(xù)看以下注意事項:
        1. 安裝前, 請先確認(rèn) WordPress 內(nèi)置嵌套評論已正常運作. 如果不是內(nèi)置嵌套評論, 會出問題的。
         2. 各式模板設(shè)計不同, 請檢查 comments.php 是否夠標(biāo)準(zhǔn), 盡量不修改模板, 只要對應(yīng)修改本文件, 以免 css 亂套。
        1. 　◎標(biāo)準(zhǔn)模板是指: ??
        2. 　　　“評論數(shù)”?id=“comments”?(WP?3.0?用的是?id=“comments-title”) ??
        3. 　　　　例:?<h3?id=“comments”><?php?comments_number(?…有%條評論…?</h3> ??
        4. 　　　　已知有不少模板用的不是?“comments”,?它的?“comments”?已用到別地方, ??
        5. 　　　　如果評論提交后,?評論數(shù)位置出現(xiàn)很多源代碼,?通常是這問題,?要特別留意! ??
        6. 　　　　ps.?WP?3.0?用的是?id=“comments-title”,?新版我已將?“comments”?改?“comments-title”, ??
        7. 　　　　　如果你要用以前的?“comments”,?請在?comments-ajax.js?第?25?行更改. ??
        8. 　　　“評論列表”?id=“commentlist”??
        9. 　　　　例:?<ol?id=“commentlist”>?注意是?ol?不是?ul. ??
        10. 　　　“窗體”?id=“commentform”??
        11. 　　　　例:?<form?action=“<?php?echo?get_option(‘siteurl’);??>/wp-comments-post.php”?method=“post”?id=“commentform”> ??
        12. 　　　“評論框”?id=“respond”?(是含?author,?email,?url,?comment) ??
        13. 　　　　例:?<div?id=“respond”?…?> ??
        14. 　　　“評論區(qū)”?id=“comment”??
        15. 　　　　例:?<textarea?name=“comment”?id=“comment”?…?> ??
        16. 　　　“提交”?id=“submit”??
        17. 　　　　例:?<input?…?id=“submit”?…?> ??
        18. 　　※以上所用的?id?標(biāo)簽是?js?運作的重要關(guān)鍵!?請確認(rèn)與模板對應(yīng)無誤!??
        　3. 本程序主要提供 Ajax comments 功能, css 已盡量配合原模板輸出. 如果還有 css 需求, 請自行修改.
         　4. 在 comments-ajax.php 最下方有評論格式, 若你的 functions.php 有 mytheme_comment(), 請對應(yīng)覆蓋, 且拿掉 “回復(fù)” 鏈接.
        下面是自己修改comments-ajax.php 最后評論樣式代碼以適應(yīng)Tstyle模板，如果不是Tstyle模板的，可以無視了。
        1. <div?class=“box”> ??
        2. <li?<?php?comment_class();??>?id=“li-comment-<?php?comment_ID();??>”> ??
        3. ????<div?id=“div-comment-<?php?comment_ID();??>”?class=“comment-body”> ??
        4. ????????<div?class=“comment-author?vcard”> ??
        5. ????????????<img?src=“<?php?echo?bloginfo(‘template_directory’),’/img/gravatar.jpg’??>”?alt=“”?class=“avatar”?/> ??
        6. ????????????<?php?printf(?__(?‘<cite?class=“fn”>%s</cite>?<span?class=“says”>says:</span>’),?get_comment_author_link()?);??> ??
        7. ????????????<?php?if?(?$comment->comment_approved?==?‘0’?)?:??> ??
        8. ????????????<span?style=“color:#0ff;?font-style:inherit”>您的評論正在等待審核中…</span> ??
        9. ????????????<?php?endif;??> ??
        10. ????????????<br> ??
        11. ????????????<div?class=“comment-meta?commentmetadata”><?php?comment_date()??>?<?php?comment_time()??></div> ??
        12. ????????</div> ??
        13. ????????<?php?comment_text();??> ??
        14. ????</div> ??
        15. </div>??
        雖然沒有原版Tstyle的Ajax那么完美，但是感覺基本上也可以了，大家可以試下。
         清霄憑欄語凝噎，音灑陋屋思翩躚。
        —— 清音陋屋
         清音陋屋
        你可能也喜歡Related Posts
        眾說紛紜Comments
         
         
         大眼 可愛 大笑 壞笑 害羞 發(fā)怒 折磨 快哭了 大哭 白眼 暈 流汗 困 靦腆 驚訝 憨笑 色 得意 骷髏 囧 睡覺 眨眼 親親 疑問 閉嘴 難過 淡定 抗議 鄙視 豬頭
          小提示：直接粘貼圖片到輸入框試試
        努力發(fā)送中...
            
        評論加載中……
        1.  
           1 樓 必須滴
          做了 非常成功！感謝博主分享
           2012年08月26日 07:41:13 回復(fù) 取消回復(fù)
          •  
             1樓 - 樓中樓 唱歌的笨金魚
            看看ajax評論效果
             2012年09月17日 10:12:04 回復(fù) 取消回復(fù)
        2.  
           2 樓 IT雜記
          怎么我的主題不行呢
           2012年12月08日 05:13:40 回復(fù) 取消回復(fù)
          •  清音陋屋
             2樓 - 樓中樓 清音陋屋
            應(yīng)該是可以的哦，要看你的模板是不是夠標(biāo)準(zhǔn)，查看下第二點，模板文件夾的 comments.php
             2012年12月08日 07:18:01 回復(fù) 取消回復(fù)
        3.  
           3 樓 arao
          好東西 :razz:
           2013年03月16日 05:54:55 回復(fù) 取消回復(fù)
        4.  
           4 樓 arao
          :?:
           2013年03月18日 11:08:16 回復(fù) 取消回復(fù)
        • 推薦文章
        • 最多評論
        • 最熱文章
        • 最新評論
         footer logo
         本站提供音樂僅供試聽交流，請勿用于任何商業(yè)用途！如果本站發(fā)布信息侵犯到您的權(quán)益，請留言指出，本站將及時刪除相關(guān)信息。
         Copyright ? 52QingYin.CN  
Theme by QQOQ   蜀ICP備11021737號-1
                    


主站蜘蛛池模板：
亚洲视频一区二区在线观看|
国产精品乱码一区二区三|
久久国产精品视频一区|
无码日韩人妻av一区免费|
成人中文字幕一区二区三区|
亚洲精品日韩一区二区小说|
一区二区三区在线免费看|
精品国产一区AV天美传媒|
亚洲AV无码一区二区三区牛牛|
国产成人精品一区二三区在线观看
|
国产福利一区二区|
动漫精品一区二区三区3d|
亚洲第一区精品日韩在线播放|
国产成人精品日本亚洲专一区|
中文人妻无码一区二区三区|
人妻少妇久久中文字幕一区二区|
在线播放偷拍一区精品|
肉色超薄丝袜脚交一区二区|
亚洲狠狠久久综合一区77777|
成人无码一区二区三区|
在线欧美精品一区二区三区|
亚洲福利一区二区精品秒拍|
日韩精品无码一区二区中文字幕|
国产一区二区三区免费观在线|
国产精品第一区第27页|
日本一区二区视频|
麻豆果冻传媒2021精品传媒一区下载
|
午夜在线视频一区二区三区|
成人精品一区二区三区不卡免费看|
亚洲一区二区三区免费|
久久精品综合一区二区三区|
国产在线视频一区二区三区98|
乱子伦一区二区三区|
一区二区三区日韩精品|
麻豆一区二区免费播放网站|
成人免费一区二区无码视频|
国产伦精品一区二区三区精品
|
动漫精品第一区二区三区|
国产精品视频一区二区三区不卡|
久久精品无码一区二区日韩AV|
久久久久人妻精品一区蜜桃|