使用phonegap/cordova点击android原生菜单按钮启动jquery移动面板菜单
fire jquery mobile panel menu by clicking android native menu button using phonegap/cordova
我正在使用Jquery Mobile/Phonegap开发一个Android应用程序。我有以下代码来控制手机的菜单按钮:
<script type="text/javascript" charset="utf-8">
// Call onDeviceReady when PhoneGap is loaded.
//
// At this point, the document has loaded but phonegap-1.0.0.js has not.
// When PhoneGap is loaded and talking with the native device,
// it will call the event `deviceready`.
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
//
function onDeviceReady() {
// Register the event listener
document.addEventListener("menubutton", onMenuKeyDown, false);
}
// Handle the menu button
//
function onMenuKeyDown() {
alert("It works");
}
</script>
并在body标签上添加:
<body onload="onLoad()">
所以当我点击android原生菜单按钮时,我得到警报消息"它工作"…我想知道哪是正确的代码,我需要添加那里调用我基于jquery移动创建的菜单。下面是菜单面板的代码:
<div data-role="panel" id="mypanel" data-display="overlay">
<ul data-role="listview" class="fondo">
<li data-icon="false"><a href="#menu" class="menutxt" data-transition="slide"><img class="ui-li-icon" src="./img/history.svg">Option 1</a></li>
<li data-icon="false"><a href="#menu" class="menutxt" data-transition="slide"><img class="ui-li-icon" src="./img/pizza.svg">Option 2</a></li>
<li data-icon="false"><a href="#menu" class="menutxt" data-transition="slide"><img class="ui-li-icon" src="./img/tag.svg">Option 3</a></li>
<li data-icon="false"><a href="#combina" class="menutxt" data-transition="slide"><img class="ui-li-icon" src="./img/cart.svg">Option 4</a></li>
</ul>
</div>
谢谢你调查这个…非常感谢您的帮助。
这些是JQM中可以用于面板的所有选项/事件/方法。
http://api.jquerymobile.com/panel/打开面板
$( "#mypanel" ).panel( "open" );
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- 我的jQuery插件参数没有正确启动,遇到了问题
- 使用触摸启动导航下拉菜单,以实现 IOS 功能
- 一页网站上的启动切换菜单在点击时不会失效
- Angular Bootstrap 3导航栏子菜单不会启动
- 当我使用本地文件时,为什么我会丢失启动下拉菜单
- 启动列表组菜单在单击时展开,但不会折叠
- 页面加载时启动切换菜单展开
- 如何通过下拉菜单中的选择启动Sunburst中的缩放功能
- 在内容脚本得到响应之前,禁止启动上下文菜单
- 启动下拉菜单在折叠时不可定位
- SproutCore以编程方式在菜单栏中启动项目选择
- 使用phonegap/cordova点击android原生菜单按钮启动jquery移动面板菜单
- 快捷菜单.Add在启动时显示警告
- 如何检查是否启动下拉菜单加载
- 启动子菜单打开另一个子菜单时不会关闭前一个子菜单
- 是否有一种方法,不让隐藏菜单中的所有元素加载页面启动
- 启动.滚动链接菜单并修复页面顶部的导航栏
- Ionic - View从侧边菜单重新启动时不会刷新
- 启动菜单更改李活动类点击