文本省略处理
来源:互联网 发布:信用卡淘宝支付限额 编辑:程序博客网 时间: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
- 文本省略处理
- CSS隐藏文本和省略处理
- 溢出文本省略
- 超出文本省略......
- CSS文本超过省略
- css省略溢出文本
- ellipsis文本溢出省略
- 文本溢出省略
- TextView省略&相关处理
- td中的文本省略问题
- 完美实现溢出文本省略
- 不定高多行溢出文本省略
- 文本多行超出省略
- 文本溢出省略显示效果
- <小程序>文本内容省略
- 为文本添加省略动画
- 文本超过一定长度自动省略
- 文本溢出显示省略标记'...'的bug
- ios UICollectionViewController集合视图(一)
- STM32学习笔记:单片机按键单击、双击、长按功能实现
- Thread.currentThread().getContextClassLoader().getResourceAsStream
- 用java写两个线程,一个线程打印1-52,另一个线程打印字母A-Z
- XAMPP启用局域网IP地址访问
- 文本省略处理
- Android 优先级和应用程序生命周期
- 给HttpServletRequest传参的方法
- socket与http的区别
- JavaScript learning notes
- zzulioj-1961-取硬币【思维】【贪心】
- windows 虚拟机克隆后修改SID
- 深度卷积网络的几个构型讨论
- Unity中关于Device Filter的选择问题