使用jQueryMobile限制ListView中的行数

Question

我想知道如何限制jQueryMobile ListView中的行数。

我准备了 jsFiddle example ，看起来基本上就是这样（见下面的说明）：

我想要的是三行文本长度的限制，可以在第一行#1中看到。行#2显示整个内容（与#1相同），但不限于三行。我怎么能将行数限制为三个？另外我想添加＆＃34; ...＆＃34;在文本的末尾，如果它超过三行。

行#3显示jQueryMobile的默认值（如果我不添加CSS样式white-space: normal;，但仅限于一行。我可以更改该行为吗？

注意：我使用Phonegap / Cordova构建了一个网络应用程序/混合应用程序，这意味着该解决方案可以在iOS，Android和Windows Phone等浏览器上运行。

我将不胜感激。

Answer 1

这将做三行的事情：

.limitedLines, .multipleLines {
    white-space: normal;
    line-height:1em;
    max-height:3em;
    text-overflow: ellipsis;
}

text-overflow: ellipsis应该在该行的末尾插入...，但它在Chrome中无效。

编辑：当然，不需要Javascript。

Fiddle