列表中的 HTML 结构 - Jquery Mobile 1.0

Question

我正在从 Jquery Mobile Alpha 3 升级到 1.0 稳定版。

我正在尝试在我的列表中使用以下 HTML 结构，它在 a3 中是允许的，但现在它不会将列表项的全部内容呈现为链接（以前是这样）：

<li>
<h3><a href="#">This is an anchor inside a h3</a></h3>
<p>Paragraph text</p>
</li>

旧版本（期望结果）：http://jsfiddle.net/dinie/CWmdf/

使用 JQM 1.0：http://jsfiddle.net/dinie/QRB4P/

我需要保留这个 HTML 结构，有没有办法通过编辑/扩展 Jquery Mobile 插件来解决这个问题？

Answer 1

这将是您在不覆盖 CSS 的情况下能做的最好的事情

• http://jsfiddle.net/QRB4P/2/

文档：

• http://jquerymobile.com/demos/1.0/docs/lists/lists-formatting.html

Answer 2

你应该在 A 标签中包含所有内容，如下所示：

<li>
 <a href="#">
   <h3>This is an anchor inside a h3</h3>
   <p>Paragraph text</p>
 </a>
</li>