jquery - jQuery 移动列表视图全尺寸标题

Question

我正在使用 jQuery 移动基本列表来显示产品列表。（基本列表示例）。如果 h3 中的字符过多，则将标题截断并在末尾显示“...”。有没有办法在新行中显示完整的h3？

例如：

   --------------------------------------------------
   This is a super long ti...
   --------------------------------------------------
   This is a super long title
   displayed in two lines
   --------------------------------------------------

这是代码

<ul data-role="listview" data-theme="c">
  <li>                                   
    <a href="bar">
      <h3>Title</h3> <----
      <p>Description</p>
      <span class="ui-li-count">$12.99</span>';
    </a>
  </li>
...
</ul>

Answer 1

我认为您需要覆盖一些应用于这些列表视图标题的 JQM css 样式：

<h3 style="word-wrap: break-word; white-space: pre-wrap;"> long title here </h3>

在此处查看此示例：http: //jsfiddle.net/shanabus/DTNJ4/

希望这可以帮助！