Question

我希望有一个自定义按钮显示在名为“Click Me”的列表视图标题的右侧，该按钮将通过“on click”事件执行操作。据我所知，JQuery没有标准的方法来实现这一目标，但也许你知道如何实现这一点。

为了说明我想要实现的目标，请查看http://jquerymobile.com/test/docs/buttons/buttons-icons.html。

现在想象一下，您正在查看数据图标位于右侧的列表标题，而不是它是一个标记为“Click Me”的图标。此外，List Header不能像其元素一样可点击，而是数据图标必须是此处唯一的可点击元素。

如果您有任何想法，请告诉我，即使由于JQuery根本无法实现这一点，谢谢！

Answer 1

这就是我想要的：

<ul data-role="listview">
    <li data-role="list-divider">
        Fruits
        <span class="ui-li-count">
            <a href="#" data-role="none" data-theme="b">
                Button
            </a>
        </span>
    </li>
    <li>Apples</li>
    <li>Grapes</li>
    <li>Others</li>
</ul>

请注意，列表分隔符包含一个SPAN，它充当按钮......非常巧妙：）

无论如何，谢谢你的帮助！

Answer 2

您正在寻找Split Button list

Answer 3

这是一个示例，您可以在其中放置两个图标按钮：

<ul data-role="listview" data-inset="true" style="min-width:210px;">
                        <li data-role="list-divider">Opciones de platillo</li>
                        <li><a href="#" >Notas</a></li>
                        <li>
                                Tiempo
                           <div style="float: right;">
                              <a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true">Plus</a>
                              <a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="c" data-inline="true">Minus</a>
                           </div>
                        </li>
                        <li>
                                Comensal
                           <div style="float: right;">
                              <a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true">Plus</a>
                              <a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="c" data-inline="true">Minus</a>
                           </div>
                        </li>
                        <li><a href="#">Modificadores</a></li>
                        <li><a href="#">Terminadores</a></li>
                    <ul>
                </div>

如何在JQuery Mobile的列表视图中使用自定义按钮？

3 个答案: