本身开辟的一款jQuery插件,为了处理多行结尾处增加省略号的兼容性问题。
GitHub: https://github.com/jesseNam/iClamp.js
怎样运用这个插件?
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="iclamp.js" type="text/javascript"></script>
</head>
例子
为须要增加省略号的元素增加一个类名 clamp-ellipsis:
<div class="container">
<p class="clamp-ellipsis">Lorem Ipsum is simply dummy text.</p>
</div>
然后运用该插件。
$(document).ready(function() {
var $container = $('.container');
$container.clamp({clamp: 4});
});
参数
clamp (Number). 这个参数决议须要显现的行数。