Question

我正在追求与此jsFiddle相似的东西：http://jsfiddle.net/t4CQt/

然而，随着扭曲，我想要做的是让内容出现，然后当内容达到250个单词时（如果单词无法完成，标准div最小高度并增加它点击可以工作），我想要一个'展开内容'或'更多'按钮出现，所以用户可以选择点击这个并拉伸内容并继续阅读，或只是滚动，看看下面是什么。

让我注意一下，我不是在寻找根据jQuery，因为我知道这是这类事情的常见建议，但这不起作用，并且会与我已经在页面上的Tab jQuery冲突。该页面是：

http://universitycompare.com/universities/anglia-ruskin-university/

正如您在上面的链接中所示，“概述”选项卡（向下滚动）有很多信息，关于我控制这一点，以便用户无需滚动即可阅读和查看更多信息。

Links to jsfiddle.net must be accompanied by code (stupid rule, thus this content in code).

Answer 1

http://jsfiddle.net/BramVanroy/t4CQt/7/

var s = $("#aboutExpand").html();

if (s.split(' ').length > 250) {
    $("#aboutExpand").html(s.split(' ').slice(0,250).join(' ') + " ... " + '<a href="#" class="read-more">Read more</a>');
}

$("a.read-more").click(function() {
    $("#aboutExpand").html(s);
});

如果div字数超过字数限制，则扩展jQuery

1 个答案: