javascript - 在 jQuery Mobile 中，如何停止用省略号 chop 列表项？

Question

我有这个列表:

<ul id="linksList"
    data-role="listview"
    data-inset="true"
    data-filter="true">
    <!-- Dynamic contents! -->
</ul>

它从本地 XML 文件(RSS 提要)获取数据。我想要的只是让标题在按钮内结束或显示更多标题，因为我可能还剩下三分之二的按钮来填充文本。

Screenshot Link

感谢您的帮助!

Answer 1

您需要覆盖 jQuery Mobile 默认显示要换行的元素的省略号:

overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;

变成:

overflow: visible;
text-overflow: clip;
white-space: normal;

我建议根据需要使用您自己的类而不是修改基本代码来执行此操作。