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 回答