Jquery 实现 WordPress 评论字数计数

林继 WordPress 3,020 共写了290个字 (2010-08-26 9:19:38) 没有评论 打印 扫描二维码 百度已收录

1、加载 Jquery

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

2、Jquery 的执行脚本

  1. 	//响应框输入字数统计
  2. 	var $comment = $('#comment');
  3. 	var $str  =  $('#str');
  4. 	var time;
  5. 	$comment.focus(function(){
  6. 		 time = window.setInterval( substring,100 );
  7. 	}); 
  8. 	function substring() {
  9. 		var val = $comment.val();
  10. 		var length = val.length;
  11. 		if( $str.html() != (length) ){
  12. 			 if(length==0){
  13. 				 $("#wordcount")[0].firstChild.nodeValue = "";
  14. 				  $str.html(length);
  15. 				   }else{
  16. 				 $("#wordcount")[0].firstChild.nodeValue = "";
  17. 				 $str.html(length);
  18. 			}
  19. 		}
  20. 	}

  是不是看起来更精简一些呢?这个一定要放在 Jquery 的后面,代码的顺序问题。

3、HTML 部分

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

4、CSS 部分

  1. #str{
  2. float:right;
  3. font-size:35px;
  4. color:#DDD;
  5. margin:-40px 5px 0 0;
  6. padding-right:130px;
  7. font-style: italic;
  8. }

  这部分代码就是要 wordcount 和 str 这两个 id 和第二步中的相匹配,包括第二步中的 #comment 也要和评论框的 id 相匹配,否则获取不到。

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >