jquery-mobile - jQuery Mobile 列表上的多个拆分按钮

Question

jQuery 移动列表中是否可以有多个拆分按钮？

我试过这样做:

<ul data-role='listview'>
    <li>
        <a href='#' id='1'>1</a>
        <a href='#' id='btn1'></a>
        <a href='#' id='btn2'></a>
    </li>
</ul>

但它不起作用。将链接包装在 <div data-role='controlgroup> 中也不行.我做错了什么，还是没有黑客就不可能？

更新 : 该列表是通过执行 $("#listid).append("<li>...</li>") 动态生成的. http://jsfiddle.net/nrpMN/3/ .正如下面的 mdmullinax 所指出的，以下确实有效:

<ul data-role='listview'>
    <li>
       <a href='#' id='1'>1</a>
        <div data-role='controlgroup' data-type='horizontal'>
            <a href='#' id='btn1'></a>
            <a href='#' id='btn2'></a>
        </div>
    </li>
</ul>

谢谢

Answer 1

听起来你想要的是水平的 controlgroup嵌套在 listview .

http://jsfiddle.net/nrpMN/

<ul data-role='listview'>
    <li>
        <div data-role="controlgroup" data-type="horizontal">
            <a href="index.html" data-role="button">Yes</a>
            <a href="index.html" data-role="button">No</a>
            <a href="index.html" data-role="button">Maybe</a>
        </div>
    </li>
</ul>