jquery - 更改 Jquery Mobile 可折叠集中的标题

Question

所以我正在尝试为手风琴创建一个自定义可折叠标题 http://jquerymobile.com/demos/1.0b3/docs/content/content-collapsible-set.html 我希望标题看起来像什么

<div data-role="collapsible-set">

    <div data-role="collapsible" data-collapsed="false">
    <div id="header">
<h3>Section 1</h3>
    <p>I am Part of a Header</p>
    </div>
    </div>

</div>

现在看起来只有当 h3 是第一个孩子时它才会起作用。有没有办法可以做我想做的事？

Answer 1

尝试这样的事情：

<div data-role="collapsible-set">
  <div data-role="collapsible" data-collapsed="false">
    <h3>
       <div class="header">Section 1</div>
       <div class="subheader">I am Part of a Header</div>
    </h3>
  </div>
</div>

你将无法绕过 h3 不能被包装的事实，除非你做一些 js 黑客。这可能是个坏主意。