子页面bizmain.html定义事件
<style>
.mui-popover {
height: 270px;
width: 130px;
position: fixed;
top:0px;
right:0px;
}
</style>
<div id="topPopover" class="mui-popover">
<div class="mui-popover-arrow"></div>
<div class="mui-scroll-wrapper"><div class="mui-scroll"><ul class="mui-table-view ">
<li class="mui-table-view-cell mui-text-center"><span id="cameraTab" class="mui-icon mui-icon-camera"></span></li>
<li class="mui-table-view-cell mui-text-center" id="micTab"><span class="mui-icon mui-icon-mic"></span></li>
<li class="mui-table-view-cell mui-text-center" id="videoTab"><span class="mui-icon mui-icon-videocam"></span></li>
<li class="mui-table-view-cell mui-text-center" ><span id="signTab" class="mui-icon mui-icon-compose mui-icon-compose-back"></span></li>
<li class="mui-table-view-cell mui-text-center" ><span id="bkTab" class="mui-icon mui-icon-upload"></span></li>
</ul></div></div>
</div>
mui.plusReady(function() {
window.addEventListener('popmenu', function(event) {
mui('#topPopover').popover('toggle');
});
......
父页面home.html调用事件
<body>
<header class="mui-bar mui-bar-nav" id="header">
<h1 id="i18n_h1_title" class="mui-title"></h1>
......
<a id="popmenu" class="mui-icon-write mui-action-menu mui-icon mui-icon-bars mui-pull-right"></a>
</header>
mui.plusReady(function() {
document.getElementById('popmenu').addEventListener('tap', function() {
var bizmainpage = plus.webview.getWebviewById('bizmain.html');
mui.fire(bizmainpage,"popmenu",{});//调用子页面定义的事件
});
......
