自己开发的一款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). 这个参数决定需要显示的行数。


jesseNam
7 声望0 粉丝

一个有趣,有想法的WEB前端