Cordova 使用onsen UI的下拉选项菜单

我想开发android导航工具栏中可用的下拉菜单标题。我正在使用phonegap和onsen UI框架开发移动应用程序。我可以从左侧和右侧加载滑动菜单，但现在我的要求是，若要按图像中的图标显示，请打开下拉菜单

---

如果用户从电话设备中按下选项按钮，则应显示（打开）相同的列表。我没有使用jquery或jquery mobile来开发移动用户界面。我不想开发使用html5和css的下拉菜单，所以我请求您让我知道一些替代方法来处理它

你的意思是这样的吗

html

浏览器
铬
游猎
Internet Explorer
歌剧院
火狐
工具栏

javascript

ons.bootstrap();

$(document.body).on("pageinit", '#my-page', function() {
  $("#show-modal", this).click(function() {
    modal.show();
  });
});

---

您可以尝试在

中使用

在模板内创建popover：

<ons-template id="popover.html>
  <ons-popover direction="down" cancelable>
    <ons-list>
      <ons-list-item modifier="tappable">Option 1</ons-list-item>
      ...
    </ons-list>
  </ons-popover>
</ons-template>

我创建了一个示例，演示如何将其用作下拉菜单：

---

您已收到我的要求，但它应该是平滑的菜单显示，并附加到右侧（+）图标的下方，而不是模式框。像这样有一个简单但肮脏的方法：）我更新了演示。请看，事实上我建议你。它的css框架比onsenui简单。在1.2版中有一个新的组件，可能就是你想要的，叫做popover：它对我非常有用。这正是我想要的@Andreas Argelius

ons.createPopover('popover.html').then(function(popover) {
  popover.show();
});