停止缩短jQuery Mobile可折叠内容的标题？

Question

我在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; }

Answer 1

您需要删除此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元素属性。