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

前端之家收集整理的这篇文章主要介绍了jquery-mobile – jQuery Mobile列表上的多个拆分按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能在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>

谢谢

解决方法

听起来像你想要的是嵌套在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>

猜你在找的jQuery相关文章