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

时间:2013-03-13 05:41:44

标签: javascript jquery html css

我希望以6行或一定数量的字符来剪切文字内容。幸运的是,在使用this JQuery plugin之后,我设法以一定数量的单词字符切断了帖子文字内容。

剩下的就是截止6行的文字内容。遗憾的是this JQuery plugin无法做到这一点。我需要任何人的帮助。下图说明了我想要实现的内容。

Facebook "see more" style

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

  1. 每个帖子有2个div
  2. 默认隐藏第二个div
  3. 检查内容是否有限数据,然后设置为div1仅
  4. 如果内容的数据超过您的字符数限制,请将有限数据设置为div1,完成div2中的数据,并在div 1中添加操作链接(“查看更多”)
  5. 点击div1中的链接显示div2
  6. 这个div2不必在每个帖子中添加,您也可以使用display="none"动态添加。