jquery移动导航栏与拆分按钮和下拉

我需要一个带拆分按钮的下拉菜单... 像分隔按钮组成的导航栏，每个按钮将有一些文本和箭头，如果您单击文本，它会调用一个处理程序（会显示/隐藏东西），如果您单击箭头，它会在按钮下方打开一个下拉列表。jquery移动导航栏与拆分按钮和下拉

我想我可以用jQuery Mobile的分裂名单做，但我还需要列出的按钮horizzontally并打开下面的下拉他们...

这是我迄今为止in fiddle

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

那么我该如何做到这一点？有没有办法使用导航栏或插件进行分类？

要知道，我不能用正常的下拉菜单，因为触摸屏不具备鼠标事件......

来源

2012-04-24 Uince81

而不是试图用split列出有关如何为每个分割列表项创建两个导航按钮。其中将有文本，另一个将有图标：

<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-24 20:37:38 Jasper

jquery移动导航栏与拆分按钮和下拉

回答

相关问题