0

我需要一个带有拆分按钮的下拉菜单...类似于由拆分按钮组成的导航栏，每个按钮都会有一些文本和一个箭头，如果您单击它调用处理程序的文本（将显示/隐藏内容），如果您单击箭头，它会在按钮下方打开一个下拉菜单。

我想我可以使用 JQuery 移动拆分列表来做到这一点，但我仍然需要水平列出按钮并在它们下方打开一个下拉列表......

这就是我到目前为止所拥有的

当点击图标时，我仍然需要打开下拉菜单，例如HERE但点击图标时。

那么我该怎么做呢？有没有办法用导航栏或插件来解决它？

请注意，我不能使用正常的下拉菜单，因为触摸屏没有鼠标悬停事件......

4

1 回答 1

0

与其尝试使用拆分列表，不如为每个拆分列表项创建两个导航按钮。一个会有文本，另一个会有图标：

<div data-role="foooter" data-position="fixed">
    <div class="ui-grid-c">
        <div class="ui-block-a">
            <a data-role="button" data-shadow="false" data-corners="false" href="#">Text 1</a>
        </div>
        <div class="ui-block-b">
            <a data-role="button" data-icon="delete" data-iconpos="notext" data-shadow="false" data-corners="false" href="#">Text 2</a>
        </div>
        <div class="ui-block-c">
            <a data-role="button" data-shadow="false" data-corners="false" href="#">Text 2</a>
        </div>
        <div class="ui-block-d">
            <a data-role="button" data-icon="home" data-iconpos="notext" data-shadow="false" data-corners="false" href="#">Text 2</a>
        </div>
    </div>
</div>

这是一个演示：http: //jsfiddle.net/neSDT/

它当然需要抛光，但这可能会让你开始。

于 2012-04-24T20:37:38.633 回答