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'});

他に方法はありません。少なくとも、jQMUI要素の属性を変更することを購入しないでください。

于 2012-11-29T11:54:54.763 に答える