0

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

[] 对象 1 >

[] 对象 2 >

[] 对象 3 >

[] 对象 4 >

（NB [] 代表一个复选框）

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

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

有什么内置的东西可以解决这个问题，还是我应该只编码/设置自己的元素？

4

1 回答 1

0

从 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>

在这里看到它：http: //jsfiddle.net/x5fJW/2/

我对它的外观并不完全满意。它基本上是几个笨重的按钮和锚点共享一个列表项。但在功能上，它可以按我的意愿工作。

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

我尝试了其他列表项排列，使它们包含复选框、标签和可点击箭头。在所有情况下，我都想使用一个保持可主题化的 JQM 箭头。但是在复选框的标签内放置 JQM 箭头图像（这样我就可以正确浮动它）从来没有奏效。

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

尽管可以关闭 JQM 增强，但它似乎只在页面级别起作用。我无法让它仅应用于标签元素内的一个跨度元素。

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

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

于 2012-11-02T00:22:45.843 回答