listview - jQuery Mobile を使用した複数行のリストビュー アイテム

Question

下の画像に示されているjQuery Mobileで複数行のリストビュー項目を実行する方法がわかりません(いくつかの追加情報...)

画像: https://lh3.googleusercontent.com/-GSNEPObTo2c/T4m9GbfAcgI/AAAAAAAABec/fot1TgehC6w/s279/Bildschirmfoto%25202012-04-14%2520um%252020.01.37.png

何か案は？

どうもありがとう、ヤコブ

Answer 1

liアイテムが次の形式を使用している場合：

<li>
    <a href="first.html">
      <h3>First line</h3>
      <p>Whatever goes on the second line</p>
    </a> </li>

次に、CSSに以下を追加します。

.ui-li-desc {white-space:normal;}​

例として、このjsFiddleを参照してください。

Answer 2

これを試して：

<ul data-role="listview" data-theme="g">
  <li>
    <a href="first.html">
      <h3>First line</h3>
      <p>Whatever goes on the second line</p>
    </a>
  </li>
  <li>
    <a href="second.html">
      <h3>Second line</h3>
      <p>Whatever goes on the second line</p>
    </a>
  </li>
</ul>

これは、ほとんどの jQuery Mobile の例で使用される標準的な方法です。2 行目の省略記号の切り捨ても処理します。