jquery实战-定宽(二)
生活随笔
收集整理的這篇文章主要介紹了
jquery实战-定宽(二)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
上一節,我提了個問題給大家,說是用jquery對象方法來封裝對象,你們做好了嗎,現在我把我自己寫的代碼,供大家參考,當然了,我寫的肯定不是最好的,就當時拋磚引玉吧,你們更好,
;(function($){$.extend($.fn,{fixedWidth : function(options){var options = $.extend({},$.fn.fixedWidth.defaults,options);//函數體var str1; //這個變量要定義在this.each外面,否則return時,在html調用,會取不到這個值,這個要感謝我的同事,張棟this.each(function(){var str= $(this).text();var length = options.length;var char = options.char;// if(!char){var char ="..."} var num = length - lengthB(str);if(num<0){var _len= length-lengthB(str);str1 = substringB(str,length-lengthB(char))+char;}// function lengthB(str){var num=0,len =str.length;if(len){for(i =0; i<len;i++){if(str.charCodeAt(i)>255){num+=2;}else{num+=1; }}}else{return 0;}return num;}function substringB(str , length1){var temp="",num=0;_len = lengthB(str);if(_len){if(_len<length1){return str;}else{for(var i =0; i<length1; i++){if(num>=length1){break;}if(str.charCodeAt(i)>255){num+=2;temp+=str.charAt(i);}else{num+=1;temp+=str.charAt(i);}}return temp;}}else{return null;}}// })//returnreturn str1;}//fixedWidth })$.fn.fixedWidth.defaults ={length :10,char :"..."}; })(jQuery);調用:
$(function(){$("p").each(function(){str = $(this).fixedWidth({length:5,char:"..."});$(this).text(str);}); }) </script>好了。大家看看吧
轉載于:https://www.cnblogs.com/jine/archive/2012/08/07/2626547.html
總結
以上是生活随笔為你收集整理的jquery实战-定宽(二)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: REST接口GET方法获取文件保存到本地
- 下一篇: XT910开通了GPRS却上不了网的原因