webview父頁面彈窗不遮擋

語言: CN / TW / HK

子頁面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",{});//呼叫子頁面定義的事件
	});
	......