Jquery mobile 如何将按钮添加到可折叠文件的标题

有人知道在一个可折叠的球头上放一些底部的诀窍吗

我试着这样做：

标题
？这里怎么放按钮？










.ui-icon.ui-icon-delete.ui-icon-shadow{
位置：绝对！重要；
左：0px！重要；
}
.ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-icon-notext.ui-btn-up-c{
浮子：对！很重要；
}

---

谢谢

Asnwer用于隐形按钮，我觉得它更优雅。如果你看不到图标周围的按钮，应该不太难适应

---

如果需要，您可以阻止按钮展开可折叠的按钮。

可能重复@frequency answer涵盖jQM 1.4，此演示适用于jQM 1.3.2及以下版本。谢谢大家。我在这里做了一些改进：它适合我。但仍然存在一个问题：当可折叠文件被折叠时，按钮行消失了？（最好是对照组）我们刚刚看到了日期。

<div data-role="page" id="page1">
    <div data-theme="a" data-role="header">
        <h3>
            Header
        </h3>
    </div>

    <div data-role="content" class="lista">

        <div data-role="collapsible-set" data-theme="b" data-content-theme="c" class="collapsible">
            <div data-role="collapsible" data-collapsed="false" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
                <h3>
                    ¿How to put buttons here?           
                    <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-mini="true">Delete</a>                    
                    <a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-mini="true">Add</a>                                     
                </h3>
                <ul data-role="listview" data-inset="false" id="tarea1" class="tarea">
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            Button1
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            Button2
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            Button3
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            Button4
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</div>

.ui-icon.ui-icon-delete.ui-icon-shadow{
    position: absolute !important;
    left: 0px !important;
}

.ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-icon-notext.ui-btn-up-c{
    float: right !important;
}

<div data-role="collapsible" data-theme="b">
    <h2><p class=inline>ggggggggggg</p>
        <a class="inline coll_head_butt" data-theme="b" onclick="alert('clicked');" data-iconpos="notext" data-role="button" data-icon="check"></a>
    </h2>
</div>

.inline{display:inline !important;}


.coll_head_butt{
    margin-left : 50px !important;
    /*padding:1em !important;*/
    border-style:none !important;
    box-shadow:none !important;
}