Cordova 菜单按钮事件对我不起作用
我使用Cordova构建了一个Android应用程序。我想在触摸菜单按钮时，显示一个div标记。 我使用了Cordova 菜单按钮事件对我不起作用,cordova,Cordova,我使用Cordova构建了一个Android应用程序。我想在触摸菜单按钮时，显示一个div标记。 我使用了菜单按钮事件，但这不起作用。我在模拟器上测试我的应用程序，并通过android监视器检查发现错误。您可以在下面的窗口中看到日志： - 06-12 07:08:08.615: W/audio_hw_primary(108): out_write() limiting sleep time 44149 to 23219 - 06-12 07:08:08.635: W/EGL_emulatio
菜单按钮 - 06-12 07:08:08.615: W/audio_hw_primary(108): out_write() limiting sleep time 44149 to 23219
- 06-12 07:08:08.635: W/EGL_emulation(3215): eglSurfaceAttrib not implemented
- 06-12 07:08:08.639: W/audio_hw_primary(108): out_write() limiting sleep time 55759 to 23219
- 06-12 07:08:08.659: W/audio_hw_primary(108): out_write() limiting sleep time 47369 to 23219
- 06-12 07:08:08.687: W/audio_hw_primary(108): out_write() limiting sleep time 28979 to 23219
- 06-12 07:08:08.731: W/audio_hw_primary(108): out_write() limiting sleep time 31178 to 23219
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Security-Policy"
content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" href="jquery_mobile_1_4_5/themes/jquery.mobile.icons.min.css"/>
<link rel="stylesheet" href="jquery_mobile_1_4_5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<title>Hello World</title>
</head>
<body>
<header id="header" data-role="header">
<img src="img/logo.png">
</header>
<section data-role="page" id="home-page">
<div data-role="main" class="ui-content">
<div class="pages-buttons">
<a href="#first-home" class="page-button center-button">فهرست محتوا</a>
<a href="#about-book" class="page-button center-button">درباره کتاب</a>
<a href="#about-me" class="page-button center-button">درباره ما</a>
<a href="#setting" class="page-button center-button">تنظیمات</a>
<a href="" class="exit-from-app page-button center-button">خروج از برنامه</a>
</div>
</div>
</section>
<section data-position="fixed" data-role="page" id="about-me">
<div data-role="main" class="ui-content">
<div class="align-center">
</div>
</div>
</section>
<section data-position="fixed" data-role="page" id="about-book">
<div data-role="main" class="ui-content">
<h2 class="post-title">درباره کتاب</h2>
<div class="content">
<img src="img/book.jpg"><br>
</div>
</section>
<section data-position="fixed" data-role="page" id="first-home">
<div data-role="main" class="ui-content">
<h2 class="post-title">فهرست مطالب</h2>
<div id="links">
</div>
</div>
</section>
<section data-role="page" id="setting">
<div data-role="main" class="ui-content">
<h2 class="post-title">تنظیمات</h2>
<div id="content" style="direction: ltr">
<fieldset data-role="controlgroup" class="rtl" data-type="horizontal" data-mini="true">
<legend class="rtl label">نوع فونت </legend>
<input type="radio" name="font-family" id="font-yekan" value="yekan" checked>
<label style="font-family: yekan !important;" for="font-yekan">یکان</label>
<input type="radio" name="font-family" id="font-nazanin" value="nazanin">
<label style="font-family: nazanin !important;" for="font-nazanin">نازنین</label>
<input type="radio" name="font-family" id="font-mitra" value="mitra">
<label style="font-family: mitra !important;" for="font-mitra">میترا</label>
<input type="radio" name="font-family" id="font-terafik" value="terafik">
<label style="font-family: terafik !important;" for="font-terafik">ترافیک</label>
</fieldset>
<br>
<label class="rtl label" for="font-size">اندازه فونت</label>
<input type="range" name="slider-fill-mini" id="font-size" value="19" min="8" max="30" data-mini="true" data-highlight="true" data-theme="a" data-track-theme="d">
<br>
<a data-mini="true" data-inline="true" id="cancel-setting" data-rel="back" data-theme="b" data-role="button" data-icon="delete">Cancel</a>
<input type="button" data-mini="true" data-inline="true" id="save-setting" data-theme="a" data-role="button" data-icon="check" value="Save">
</div>
</div>
</section>
<footer id="footer" data-role="footer">
<div id="back-buttons" class="ui-grid-a">
<div class="ui-block-a align-center">
<a class="icon no-link" data-rel="back" href="#"><i class="fa fa-chevron-left"></i></a>
</div>
<div class="ui-block-b align-center">
<a class="icon no-link" href="#home-page"><i class="fa fa-home"></i> </a>
</div>
</div>
</footer>
<div class="menu-bar">
<div class="menu-grid ui-grid-c">
<div class="menu-block ui-block-a">
<a href="#setting" class="exit-from-app ui-btn ui-btn-inline ui-icon-delete ui-btn-icon-top">خروج</a>
</div>
<div class="menu-block ui-block-b">
<a href="#setting" class="ui-btn ui-btn-inline ui-icon-gear ui-btn-icon-top">تنظیمات</a>
</div>
<div class="menu-block ui-block-c">
<a href="#first-home" class="ui-btn ui-btn-inline ui-icon-back ui-btn-icon-top">فهرست مطالب</a>
</div>
<div class="menu-block ui-block-d">
<a href="#home-page" class="ui-btn ui-btn-inline ui-icon-home ui-btn-icon-top">صفحه اول</a>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery_mobile_1_4_5/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="nice_scroll/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/shia.js"></script>
</body>
</html>
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("menubutton", onMenuKeyDown, false);
}
// Handle the menu button
//
function onMenuKeyDown() {
// add simple testing function
alert('menu button pressed');
$('.menu-bar').toggle();
}
<body onload="onLoad()">
<body onload="onLoad()">