文本省略处理

来源:互联网 发布:信用卡淘宝支付限额 编辑:程序博客网 时间:2024/05/23 20:00

/**
* 文本省略处理

* 参数说明:
* el: 标签;
* text: 文本;
* length: 显示部分长度, 默认为150字符;
* showlink: 显示链接文体,默认为“查看全部”;
* hidelink: 隐藏链接文体,默认为“显示部分”;
* 示例:
* options = {
*
* }
*/
textOmit: function(options){
options = $.extend({el:"", text:"", length: 150, showlink:"查看全部", hidelink: "显示部分"}, options);
var $el = $(options.el);
if(!$el.length || !options.text)
return;

if(options.text.length <= options.length){
$el.html("<pre>"+options.text+"</pre> <br/>");
return;
}
var show = function(){
var text = $el.data("text");
$el.html("<pre>"+text+"</pre> <br/>");
var hidelink = $('<a href="javascript:void(0)"></a>').html(options.hidelink).appendTo($el);
hidelink.click(hide);
$(this).remove();
};
var hide = function(){
var text = $el.data("text");
text = text.substring(0, options.length) + "...";
$el.html("<pre>"+text+"</pre> <br/>");
var showlink = $('<a href="javascript:void(0)"></a>').html(options.showlink).appendTo($el);
showlink.click(show);
$(this).remove();
}

if(options.text.length > options.length){
$el.data("text", options.text);
var text = options.text.substring(0, options.length) + "...";
$el.html("<pre>"+text+"</pre> <br/>");
var showlink = $('<a href="javascript:void(0)"></a>').html(options.showlink).appendTo($el);
showlink.click(show);
}

},
0 0
原创粉丝点击