1

我有以下 jQuery Mobile 的可折叠内容。如何停止缩短标题？

目前文本被截断，所以它显示为“真的很长的标题......”我是否需要使用 css 手动执行此操作，或者是否有我可以更改的 JQB 设置？

    <div data-role="collapsible">
        <h4>
            Really long heading goes here thats wider than the page width
        </h4>
        <p>
            Content Content Content Content Content Content 
        </p>
    </div>

这是文档 http://jquerymobile.com/test/docs/content/content-collapsible.html

似乎这个 CSS 导致了这种行为。如果没有标准的 JQM 方法来执行此操作，我可以覆盖此规则。

.ui-btn-inner { 空白：nowrap; }

4

1 回答 1

2

您需要删除此 css：

white-space: nowrap;

从它的内部跨度（跨度女巫包装的文本）。或将其替换为：

white-space: normal;

或者更改 jQM css 文件（.ui-btn-inner），但这也会影响使用此类的所有其他元素。

或使用这一行：

$('div[data-role="collapsible"] h4 a span span.ui-btn-text').css({'white-space':'normal'});

没有其他办法，或者至少不买改变一些jQM UI元素属性。

于 2012-11-29T11:54:54.763 回答