首先。。最近需要用到mui来开发。没办法，只好重新拿起mui了
自定义事件不麻烦， 不知道我之前有没有写过，现在重新写一下也是好的，
这个是写自定义事件的页面的代码：
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--标准mui.css-->
<link rel="stylesheet" href="css/mui.min.css" />
</head>
<body>
<a href="a.html">点击跳转到a页面</a>
</body>
<script type="text/javascript" src="js/mui.min.js"></script>
<script>
mui.init({
preloadPages: [{
id: 'index.html',
url: 'index.html'
}]
});
mui.plusReady(function() {
window.addEventListener('newsId', function(event) {
console.log("已经接收到了");
console.log(event.detail.id);
});
});
</script>
</html>这个是写触发事件的代码：
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
这个是被成为a的页面
<button class="mybtn">改变index页面的a链接的文字</button>
</body>
<script type="text/javascript" src="js/mui.min.js"></script>
<script>
mui.plusReady(function() {
document.querySelector(".mybtn").addEventListener("click", function() {
var targetfile=plus.webview.getWebviewById("index.html");
mui.fire(targetfile, "newsId", {id: "id",})
mui.back();
});
});
</script>
</html>没啥难点，直接运行就是可以的了，原理的话需要自己去看源码的了
扫一扫
996
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
