0

我希望有一个自定义按钮出现在名为“单击我”的列表视图标题的右侧，它将通过“单击时”事件执行操作。据我所知，JQuery 没有实现这一目标的标准方法，但也许您知道如何实现这一目标。

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

现在想象一下，您正在查看数据图标位于右侧的列表标题，而不是显示“单击我”的图标。此外，列表标题不能像它的元素一样可点击，相反，数据图标必须是此处唯一可点击的元素。

如果您有任何想法，请告诉我，即使由于 JQuery 而这根本不可能实现，谢谢！

4

3 回答 3

2

这就是我一直在寻找的：

<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……非常巧妙:)

无论如何，感谢您的帮助！

于 2012-06-25T23:54:42.343 回答
1

您正在寻找拆分按钮列表

于 2012-06-25T20:09:00.133 回答
1

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

  • <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>
    于 2014-08-15T17:08:20.817 回答