如何使复选框成为jquery-mobile split-con列表的列表项的一部分

Question

我正在尝试构建一个带有复选框和图标的List，所以我决定使用Split按钮列表。现在我对List有两个问题：

1. 复选框显示在列表项目的框中，我希望它为“平面”，即“无框”
2. 点击会导致整个框变为蓝色，我只想勾选复选框

你能帮帮我吗？

我在这里发布了一些示例代码：http://jsfiddle.net/JY6EV/2/

//编辑2012/06/14 似乎在listitem上有一个checbox一直在按一个按钮。作为一个workaroud我可以添加一个图标（data-icon =“check”），但这也不起作用..任何建议？

PS：我想模仿iPad / iPhone上的gmail列表： 与我的（假）jquery移动列表：

到目前为止我尝试了什么：http://jsfiddle.net/JY6EV/8/

Answer 1

我知道这是一个老线程，但我最近不得不这样做。 由于第二张图片的解决方案不存在，我自己做了。

列表项目：

<li>
    <a href="#" class="custom">
        <input type="checkbox" name="cb1" id="cb1" />
        <label for="cb1">checkbox 1</label>
    </a>
    <a href="#"></a>
</li>

css：

.custom {
     padding: 0;
}

.custom > div {
    margin: 0;
}

.custom > div > label {
    border-radius: 0;
    border: 0;
}

Answer 2

这有用吗？

• http://jsfiddle.net/JY6EV/10/

使用网格布局进行定位，但仍需要调整外观