更改 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>

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