Accordion/Collapsible 中的额外按钮

Question

我的可折叠按钮需要一个额外的按钮。但是，如果我在标题中插入一个，标题文本就会放错地方。如何让所有元素（图标、文本和按钮）居中？

<div data-role="collapsible" data-collapsed="false">
    <h4>
        Heading
<a id="fetch-data" href="#" data-role="button" data-icon="check" data-iconpos="notext" data-theme="c" data-inline="true">Check</a>
    </h4>
    <ul data-role="listview">
        <li><a href="#">List item 1</a></li>
        <li><a href="#">List item 2</a></li>
        <li><a href="#">List item 3</a></li>
    </ul>
</div>

http://jsfiddle.net/mkeuschn/z0aw0o4v/

Answer 1

更好的解决方案是从当前文档流中删除按钮并将其定位为绝对。

使用以下 css:

#fetch-data {
    top: 4px !important;
    right: 6px;
    position: absolute;
}

Accordion/Collapsible 中的额外按钮

Extra Button in Accordion/Collapsible

jquery

jquery-mobile