首页 » 建站技术 » WordPress » 浏览内容

Jquery 实现 WordPress 评论字数计数


2010-08-26 09:19:38 3,007 0 发表评论 字体: 作者:C.K.
标签: JqueryWordPress备忘

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

1、加载 Jquery

这个是必须的,可以用 Google 托管的,也可以下载到本地服务器调用,Jquery 1.2X 的版本就够用了。

2、Jquery 的执行脚本

    //响应框输入字数统计
  •     var $comment = $('#comment');
  •     var $str  =  $('#str');
  •     var time;
  •     $comment.focus(function(){
  •          time = window.setInterval( substring,100 );
  •     });
  •     function substring() {
  •         var val = $comment.val();
  •         var length = val.length;
  •         if( $str.html() != (length) ){
  •              if(length==0){
  •                  $("#wordcount")[0].firstChild.nodeValue = "";
  •                   $str.html(length);
  •                    }else{
  •                  $("#wordcount")[0].firstChild.nodeValue = "";
  •                  $str.html(length);
  •             }
  •         }
  •     }
  •   是不是看起来更精简一些呢?这个一定要放在 Jquery 的后面,代码的顺序问题。

    3、HTML 部分

    <p id="wordcount"><span id="str">0</span></p>

    4、CSS 部分

    #str{
  • float:right;
  • font-size:35px;
  • color:#DDD;
  • margin:-40px 5px 0 0;
  • padding-right:130px;
  • font-style: italic;
  • }
  •   这部分代码就是要 wordcount 和 str 这两个 id 和第二步中的相匹配,包括第二步中的 #comment 也要和评论框的 id 相匹配,否则获取不到。

    网站统计 Statistics

    • 创建时间: 2005年1月3日 距今5066 天
    • 日志总数: 2461
    • 评论总数: 630
    • 标签总数: 654
    • 链接总数: 273
    • 最后更新: 2018-8-31 17:57:04
    • 您是本站第 14166715 位访客

    广告区 Guǎng Gào