Jquery ui 在jqmobile中组合复选框和列表

嗨，我正在为我正在编写的应用程序试用jqmobile。喜欢内置的风格和功能，但找不到任何东西来满足我希望是相当普遍的需求。我试图实现的是这样的目标：

[]对象1>

[]对象2>

[]对象3>

[]对象4>

（注意：[]重复一个复选框）

单击对象名称旁边的复选框将选中该复选框以启用“多重编辑”功能

单击对象名称将触发一个单独的事件以仅编辑该对象

---

是否有任何内置内容可以涵盖这一点，或者我应该只对自己的元素进行编码/设置样式？

从JQuery Mobile 1.2.0开始，我看不到对这种常见UI列表结构的直接支持。但你可以接近这一点：

<ul data-role="listview" data-split-icon="arrow-r" data-split-theme="d">
    <li data-role='fieldcontain'>
        <a href='javascript:void(0);'>
            <label><input type='checkbox'/>Item 1</label>
        </a>
        <a href='#'></a>
    </li>
</ul>

请看这里：

我对它的样子不太满意。它基本上是几个笨拙的按钮和锚共享一个列表项。但在功能上，它可以按照我的要求工作

对于您想要的功能，您需要将onclick处理程序与复选框、其标签以及可能的li关联起来。我不太确定您对“多编辑”功能的设想

我尝试了其他列表项安排，使它们包含复选框、标签和可单击箭头。在所有情况下，我都希望使用一个JQM箭头来保持主题的可伸缩性。但是将JQM箭头图像放在复选框的标签中（这样我就可以将其右浮动）从来都不起作用

JQM的增强过程总是用另一个复选框来覆盖我的箭头：-（因此，我不得不回到这种方法。好处是未来的JQM版本不需要维护（即重新备份）黑客

虽然JQM增强功能可以关闭，但它似乎只在页面级别起作用。我无法使它仅应用于label元素中的一个span元素

顺便说一句，我删除了通常围绕复选框的大多数表单相关元素。这是因为，我使用复选框更改来通知我做某事。我不会发布他们的数据

我很想知道JQuery/JavaScript向导是如何解决这个问题的，如何制作一个包含复选框、标签和可点击箭头的外观更优雅的列表项