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 : []
    }
    });
    });