列表中的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>