Phonegap 菜单和子菜单答案

【问题标题】：Phonegap menus and sub menusPhonegap 菜单和子菜单
【发布时间】：2013-02-25 15:51:42
【问题描述】：

您好，有没有人有关于如何使用 phonegap for android 和/或 blackberry 创建本机菜单的教程。我只想要这些移动操作系统用来添加到我的 phonegap 应用程序的简单基本本机菜单

【问题讨论】：

标签： android blackberry cordova

【解决方案1】：

看看Sencha Touch

You can see a Demo here

And the API is here

【讨论】：

【解决方案2】：

描述了在 Android 上添加原生菜单 here。这就像在原生应用中添加菜单一样。

另外，如果你使用 jQueryMobile，有漂亮的菜单被描述为here

【讨论】：

【解决方案3】：

基本逻辑是捕获菜单键按下，然后显示带有菜单选项的自定义 DIV，如下所示：

function init() {
    document.addEventListener("deviceready", startup, false);
}

function startup() {
    console.log("Business time...");
    menuDiv = document.querySelector("#menu");

    document.addEventListener("menubutton", doMenu, false);
}

function doMenu() {
    console.log("The menu was clicked...");
    if(menuOpen) {
        console.log("close the menu");
        menuDiv.style.display="none";
        menuOpen = false;
    } else {
        console.log("open the menu");
        menuDiv.style.display="block";
        menuOpen = true;
    }

}

【讨论】：