f***@163.com
f***@163.com
  • 发布:2016-09-22 17:19
  • 更新:2017-03-22 14:34
  • 阅读:1841

为什么 页面在PC浏览器打开正常 手机上作为子页面打开没有header了?

分类:MUI

为什么 页面在PC浏览器打开正常 手机上作为子页面打开没有header了?

如下图所示:

手机端:

代码如下:
---------------------index.html-------------

mui.init({
...
preloadPages:[{
url:'news_page.html',
id:'newsPage'
}]
})
........

//处理 a 点击事件
mui(".mui-table-view").on('tap', 'a', function(event) {
var item = this;
var pageId = item.getAttribute('newsId');
// alert(pageId);
if(!detailPage){
detailPage=plus.webview.getWebviewById('newsPage');
}
//触发详情页的newsId事件
mui.fire(detailPage,'showPage',{
id:pageId
});
//页面跳转
mui.openWindow({
id: 'newsPage',
createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示
show: {
autoShow: true, //页面loaded事件发生后自动显示,默认为true
aniShow: 'slide-in-right', //页面显示动画,默认为”slide-in-right“;
},
waiting: {
autoShow: true, //自动显示等待框,默认为true
title: '正在加载...'//等待对话框上显示的提示内容
}
});
});

-------------------------页面html------------------------
<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 news-content">
<div class="article-content">
<div class="content-inner">
<div clas="art-title">
<h3 align="center">ssss</h4>
</div>
<div class="news-img">
<img src="../images/yuantiao.jpg" />
</div>
<div class="articles">
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
<p>fdhsjfhsdjfhjksdfhjdskfksdlakfl</p>
</div>
</div>
</div>
</div>
</body>

2016-09-22 17:19 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

bluesea

bluesea

楼主这个问题解决没?

该问题目前已经被锁定, 无法添加新回复