自己开发的一款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). 这个参数决定需要显示的行数。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。