Heim >Web-Frontend >js-Tutorial >So verwenden Sie Mui Back, um zum Aktualisieren der Seite zurückzukehren

So verwenden Sie Mui Back, um zum Aktualisieren der Seite zurückzukehren

亚连
亚连Original
2018-06-22 14:30:393226Durchsuche

Der Redakteur unten wird Ihnen ein Beispiel für die Rückkehr von Mui zum Aktualisieren der Seite mitteilen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist. Kommen Sie und werfen Sie einen Blick mit dem Editor

2-seitige Simulation

1.html >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="../../css/mui.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" />
		<script src="../../../js/mui.min.js"></script>
	</head>
	<body>
		
		<script type="text/javascript" charset="utf-8">
			mui.init()
			mui.plusReady(function(){
				alert(&#39;1&#39;)
//				var self=plus.webview.currentWebview();
//				console.log(JSON.stringify(self))  
				mui("body").on("tap",".a",function(){
					 mui.openWindow({
					  url:"2.html",
					  id:"a2",
					 })
				})
			});
		</script>
		
		<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="a">跳到a2</a>
	</body> 
</html>

2.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="../../css/mui.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" />
		<script src="../../../js/mui.min.js"></script>
	</head>
	<body>
		
		<script type="text/javascript" charset="utf-8">
			mui.init()
			mui.plusReady(function(){
//				var self=plus.webview.currentWebview();
//				console.log(JSON.stringify(self)) 
				var old_back = mui.back;
				mui.back = function() {
					var wobj = plus.webview.getWebviewById("HBuilder");//注意 HBuilder 是  1.html 的 ID 你如果1.html 有ID  要替换掉HBuilder,
					wobj.reload(true);
					old_back()
				}	
			});
		</script>
		
		<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">返回刷新</a>
	</body>
</html>

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird .

Verwandte Artikel:

Informationen zur Ordnerstrukturkonfiguration in Vue

So konfigurieren Sie den Schnittstellen-Proxy mit vue-cli

So verwenden Sie das Formulardatenformat zum Übertragen von Dateien in NodeJs

So implementieren Sie das verzögerte Laden von Bildern im WeChat-Miniprogramm

So erzielen Sie einen Focus-Map-Effekt mit js

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Mui Back, um zum Aktualisieren der Seite zurückzukehren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn