Phonegap + JQuery Mobile：如何從Android菜單按鈕觸發彈出窗口？

Question

我在一個簡單的Phonegap 3.1應用程序中基於JQuery Mobile彈出文檔創建了這個片段：

<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文件中也有這個片段：

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

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

按菜單按鈕會顯示警報，因此我知道聆聽者正在工作。 現在，我想在onMenuKeyDown（）函數中添加一些代碼，這樣就會調出第一個代碼片段中按鈕加載的菜單。 代碼需要等同於點擊

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

我該怎么辦？

謝謝。

Answer 1

好吧，我找到了一種方法來做到這一點。 它有效，但似乎有點hacky。 歡迎提出其他方法的建議。

首先，使原始鏈接不可見並為其指定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()      
}

希望其他人會發現這有用。