优化webview模式侧滑导航打开速度

examples/hello-mui/examples/offcanvas-drag-left-plus-main.html

@@ -103,6 +103,8 @@
 			//plusReady事件后，自动创建menu窗口；
 			mui.plusReady(function() {
 				main = plus.webview.currentWebview();
+				//setTimeout的目的是等待窗体动画结束后，再执行create webview操作，避免资源竞争，导致窗口动画不流畅；
+				setTimeout(function () {
 					menu = mui.preload({
 						id: 'offcanvas-drag-left-plus-menu',
 						url: 'offcanvas-drag-left-plus-menu.html',
@@ -112,6 +114,7 @@
 							zindex: 9997
 						}
 					});
+				},300);
 			});
 
 			/*

examples/hello-mui/examples/offcanvas-drag-left-plus-menu.html

@@ -76,7 +76,13 @@
 		</div>
 	<script src="../js/mui.min.js"></script>
 	<script type="text/javascript" charset="utf-8">
-		mui.init();
+		//关闭back、menu按键监听，这样侧滑主界面会自动获得back和memu的按键事件，仅在主界面处理按键逻辑即可；
+		mui.init({
+			keyEventBind: {
+				backbutton: false,
+				menubutton: false
+			}
+		});
 		var main = null;
 		mui.plusReady(function () {
 			main = plus.webview.currentWebview().opener();
@@ -90,8 +96,6 @@
 		window.addEventListener("swiperight",closeMenu);
 		
 		document.getElementById("close-btn").addEventListener('tap',closeMenu);
-		mui.menu = closeMenu;
-	  	mui.back = closeMenu;
 	</script>
 </body>
 

examples/hello-mui/examples/offcanvas-drag-left.html

@@ -197,8 +197,6 @@
 							break;
 					}
 					offCanvasWrapper.offCanvas().refresh();
-					offCanvasSide.classList.remove('mui-transitioning');
-					offCanvasSide.setAttribute('style', '');
 				}
 			});
 

examples/hello-mui/examples/offcanvas-drag-right-plus-main.html

@@ -101,6 +101,8 @@
 		//plusReady事件后，自动创建menu窗口；
 		mui.plusReady(function() {
 			main = plus.webview.currentWebview();
+			//setTimeout的目的是等待窗体动画结束后，再执行create webview操作，避免资源竞争，导致窗口动画不流畅；
+			setTimeout(function () {
 				//侧滑菜单默认隐藏，这样可以节省内存；
 				menu = mui.preload({
 					id: 'offcanvas-drag-right-plus-menu',
@@ -111,6 +113,8 @@
 						zindex: 9997
 					}
 				});
+			},300);
+			
 		});
 		/**
 		 * 显示菜单菜单

examples/hello-mui/examples/offcanvas-drag-right-plus-menu.html

@@ -87,7 +87,12 @@
 		</div>
 		<script src="../js/mui.min.js"></script>
 		<script type="text/javascript" charset="utf-8">
-			mui.init();
+			mui.init({
+				keyEventBind: {
+					backbutton: false,
+					menubutton: false
+				}
+			});
 			//获得侧滑主窗口webview对象
 			var main = null;
 			mui.plusReady(function () {