javascript - Phonegap+JQuery 移动 : How to fire a popup from the Android menu button?

Question

我根据 JQuery Mobile 弹出文档在一个简单的 Phonegap 3.1 应用程序中创建了此代码 fragment :

<div data-role="popup" id="popupMenu" data-theme="e">
    <ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="e">
        <li><a href="javascript:loadHelp()">Help</a></li>
        <li><a href="javascript:loadAbout()">About</a></li>
    </ul>
</div>

<a href="#popupMenu" data-rel="popup" data-role="button">
    Click for menu
</a>

单击按钮会弹出菜单。

我还在外部 .js 文件中包含此代码 fragment :

$(document).ready( function() {
    document.addEventListener("menubutton", onMenuKeyDown, false);
})

function onMenuKeyDown() {
    alert("Menu key pressed!");
    // what goes here?      
}

按菜单按钮会弹出警报，因此我知道监听器正在工作。现在，我想向 onMenuKeyDown() 函数添加一些代码，以便它将显示第一个代码 fragment 中的按钮加载的菜单。该代码需要相当于单击

<a href="#popupMenu" data-rel="popup">Click here</a>

我该怎么做？

谢谢。

Answer 1

好吧，我找到了一种方法来做到这一点。它有效，但看起来有点老套。欢迎提出其他实现此目的的建议。

首先，使原始链接不可见并为其指定一个 ID:

<a href="#popupMenu" style="display: none;" id="hammerTime" data-rel="popup" data-role="button" >
     Can't touch this! 
</a>

然后让菜单按钮单击不可见的链接:

function onMenuKeyDown() {
    // alert("Menu key pressed!");
    $("#hammerTime").click()      
}

希望其他人会发现这很有用。