父页面
<body>
<header class="mui-bar mui-bar-nav" style="padding-right: 15px;">
<button id="subscribe" type="button" class="mui-btn mui-btn-link mui-btn-nav mui-pull-left">订阅</button>
<button id="gotoLogin" type="button" class="mui-btn mui-btn-link mui-btn-nav mui-pull-right">登录</button>
</header>
<div class="mui-content">
<div class="mui-slider">
<div id="sliderGroup" class="mui-slider-group mui-slider-loop"></div>
<div id="sliderIndicator" class="mui-slider-indicator"></div>
</div>
</div>
<footer class="footer">
<ul>
<li id="mainPage" class="active">观点</li>
<li id="discussPage" >话题</li>
<li id="toolsPage" >工具</li>
<li id="myPage">我的</li>
</ul>
</footer>
<script src="../js/mui.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/update.js"></script>
<script>
var state=common.getState();
if(state.token){
}else{//如果没有登录显示登录按钮
document.getElementById("gotoLogin").classList.add("show");
}
window.addEventListener("login",function(e){//登录成功之后的操作
state=common.getState();
document.getElementById("gotoLogin").classList.remove("show");
});
(function($, doc) {
$.init({
subpages:[{
url:'mainList.html',
id:'mainList.html',
styles:{
top:'197px',//mui标题栏默认高度为45px 197
bottom:'48px'//默认为0px，可不定义；
}
}],
preloadPages:[{url:'discuss.html',id:'discuss.html'},{url:'tools.html',id:'tools.html'},{url:'my.html',id:'my.html'}],
statusBarBackground: '#103158'
});
子页面
<body>
<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<ul id="list" class="mui-table-view mui-table-view-chevron">
</ul>
</div>
</div>
</body>
<script src="../js/mui.min.js"></script>
<script src="../js/common.js"></script>
<script type="text/javascript" charset="utf-8">
var state={},idstamp,listUl=document.getElementById("list"),viewPage;
state=common.getState();
mui.init({
pullRefresh : {
container:"#refreshContainer",
down:{
//contentdown : "下拉可以刷新",
//contentover : "释放立即刷新",
//contentrefresh : "正在刷新...",
callback :pulldownRefresh
},
up:{
contentrefresh : "正在加载...",
contentnomore:'没有更多数据了',
callback :pullupRefresh
}
}
});
mui.plusReady(function() {
viewPage = mui.preload({"id": 'viewPoint.html',"url": 'viewPoint.html',styles:{popGesture: 'hide'}});
setTimeout(function() {
mui('#refreshContainer').pullRefresh().pulldownLoading();
}, 500);
});
0 个回复