jQuery插件dotdotdot
段落溢出显示省略号,多行文字溢出显示省略号
jquery.dotdotdot.js
jQuery插件dotdotdot.js实现段落溢出显示省略号
多行文字溢出显示省略号
引入dotdotdot文件
<script src="https://cdn.bootcss.com/jQuery.dotdotdot/3.2.0/jquery.dotdotdot.js"></script>
<script>$.fn.dotdotdot||document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/3.2.0/jquery.dotdotdot.js"><\/script>')</script>
jquery.dotdotdot添加元素
<div class="dot-ellipsis"><p>Lorem Ipsum is simply dummy text.</p></div>
添加jquery.dotdotdot与窗口大小改变时更新单元:
<div class="dot-ellipsis dot-resize-update"><p>Lorem Ipsum is simply dummy text.</p></div>
添加jquery.dotdotdot与预定义的元素高度:
<div class="dot-ellipsis dot-height-50"><p>Lorem Ipsum is simply dummy text.</p></div>
JavaScript方法
创建一个DOM元素,把一些文本和其它的HTML标记在这个“wrapper”
<div id="wrapper"><p>Lorem Ipsum is simply dummy text.</p></div>
$(document).ready(function() {
$("#wrapper").dotdotdot({ // configuration goes here
});
});
配置选项
dotdotdot插件使用可以在配置对象中传递的几个选项。
所有选项(显示默认值):
$(document).ready(function() {
$("#wrapper").dotdotdot({
ellipsis : '... ',
wrap : 'word',
fallbackToLetter: true,
after : null,
watch : false,
height : null,
tolerance : 0,
callback : function( isTruncated, orgContent ) {},
lastCharacter : {
remove : [ ' ', ',', ';', '.', '!', '?' ],
noEllipsis : []
}
});
});
尊贵的董事大人
英文标题不为空时 视为本栏投稿
需要关键字 描述 英文标题