<!DOCTYPE html>
<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">
<!--App自定义的css-->
<link rel="stylesheet" type="text/css" href="css/app.css"/>
<style>
.title{
margin: 20px 15px 7px;
color: #6d6d72;
font-size: 15px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">普通列表</h1>
</header>
<div class="mui-content">
<ul class="mui-table-view">
<li class="mui-table-view-cell">废旧金属：早上10:30预测行情</li>
<div class="mui-input-row">
<label>佛山地区</label>
<a href="kbd.html?id=12">铜</a>
</div>
<li class="mui-table-view-cell"></li>
<li class="mui-table-view-cell">废旧金属：中午12:00参考报价</li>
<div class="mui-input-row">
<label>佛山地区</label>
<input type="text" placeholder="普通输入框">
</div>
<li class="mui-table-view-cell">Item 3</li>
</ul>
</div>
</body>
<script src="js/mui.min.js"></script>
<script>
//预加载
mui.init({
preloadPages: [{
"id": "kbd",
"url": "kbd.html",
"subpages": [{
"id": "kbdframe",
"url": "kbdframe.html"
}]
}]
});
//点击新闻列表，打开新闻详情
mui('.mui-content').on('tap', 'a', function() {
//open_new_detail(this.getAttribute('id'));
open_new_detail(12);
});
//TODO 为了解决系统分享闪屏问题，临时变成双webview
var kbd = null; //详情页面父webview
var kbdframe = null; //详情页面子webview
function open_new_detail(id) {
//console.log("open_new_detail");
//console.log(id);
if (!kbd) {
kbd = plus.webview.getWebviewById('kbd');
}
if (!kbdframe) {
kbdframe = plus.webview.getWebviewById('kbdframe');
}
//触发子窗口变更新闻详情
mui.fire(kbdframe, 'type', {
id: id
});
//显示新闻详情页面
mui.openWindow({
id:"kbd"
});
};
</script>
</html>
DC初学者
- 发布：2016-05-19 17:26
- 更新：2016-05-19 17:26
- 阅读：1217
这是照着文档做的，自定义事件传值，一直都没有跳转到下一页，why？
分类：MUI
0 个回复