javascript - Facebook 如何在帖子文本内容上实现其“查看更多”功能。

Question

我想截断 6 行或一定数量的单词字符的帖子文本内容。幸运的是，在使用了这个 JQuery 插件之后，我已经设法在一定数量的单词字符处截断了帖子文本内容。

剩下的就是在 6 行处截断后文内容。可惜这个JQuery插件做不到。我需要任何人的帮助。下图说明了我想要实现的内容。

Answer 1

1. 每个帖子 2 个 div
2. 默认隐藏第二个div
3. 检查内容是否有有限的数据，然后设置为 div1 只有一个
4. 如果内容的数据超过您的字符限制，请将有限数据设置到 div1，在 div2 中完成数据，并在 div 1 中添加操作链接（“查看更多”）
5. 单击 div1 中的链接显示 div2

这个 div2 不必在每个帖子中都添加，您也可以使用display="none".

Answer 2

您可以设置 div 的height: 6em，然后将其恢复到height: auto单击“阅读更多”链接时。示例：http: //jsfiddle.net/jv7Dj/1/。