代码如下，滚动条无法显示是什么原因？
$('.mui-scroll-wrapper').scroll({
indicators: true //是否显示滚动条
});也没用
还有有没有CSS定义的说明，感觉文档不太详细，不知道哪里找！
<html>
<head>
<meta charset="utf-8">
<title>首页</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">
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../fonts/iconfont.css" />
<!--App自定义的css-->
<link rel="stylesheet" type="text/css" href="../css/app.css" />
<style type="text/css">
.indexBg{
/*background-image: url(../images/BG/bg01.png);*/
}
p {
text-indent: 22px;
}
.des {
margin: .5em 0;
}
.des>li {
font-size: 14px;
color: #8f8f94;
}
.faceDiv{border-radius:50%; padding:2px; border: 1px solid #CCCCCC; margin-left: auto; margin-right: auto; width: 90px; height: 90PX; text-align: center;background:url(../images/user-photo.png) no-repeat center;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
}
.faceDiv img{border-radius:50%; width:110px; height: 110px; z-index: 999;}
.indexTop ul {list-style-type: none; text-align: center; width:100%; margin:20px 0px; padding: 0px; }
</style>
</head>
<body class="indexBg">
<header class="mui-bar mui-bar-nav ST-BgWhite" >
<h1 id="title" class="mui-title">贝尔曼中心</h1>
</header>
<div class="mui-content mui-scroll-wrapper">
<div style="padding: 20PX; " class="mui-table-view ST-BgC24">
<div class="mui-center indexTop">
<div Id="loginDiv" class="faceDiv">
</div>
<a href="#">
<ul id="loginUl" class="mui-hidden">
<li><h4>登入</h4></li>
</ul>
</a>
<ul id="userInfo">
<li id="userRealname">..</li><li><h4 id="CompanyName">..</h4><h5 id="GroupName">（.）</h5></li>
</ul>
</div>
</div>
<div class="mui-scroll">
<ul id="MuenList" class="mui-table-view mui-grid-view mui-grid-9" style="background-color: #FFFFFF; margin-top: 10px;;">
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
<span class="mui-icon iconfont icon-kecheng1"></span>
<div class="mui-media-body">课表</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
<span class="mui-icon iconfont icon-kaoqin"></span>
<div class="mui-media-body">课程考勤</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
<span class="mui-icon mui-icon-chatbubble"></span>
<div class="mui-media-body">评价老师</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
<span class="mui-icon iconfont icon-zuoye1"></span>
<div class="mui-media-body">课后作业</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
<span class="mui-icon iconfont icon-yuyue1"></span>
<div class="mui-media-body">预约课程</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
<span class="mui-icon iconfont icon-qingjia"></span>
<div class="mui-media-body">请假</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
<span class="mui-icon iconfont icon-huodong"></span>
<div class="mui-media-body">会员活动</div></a></li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
<span class="mui-icon iconfont icon-kexiaobaobiao01"></span>
<div class="mui-media-body">我的课程包</div></a></li>
</ul>
</div>
</div>
</body>
<script src="../js/mui.min.js "></script>
<script type="text/javascript" src="../js/app.js" ></script>
<script>
mui.init();
var faceDiv=document.getElementById("loginDiv");
faceDiv.addEventListener('tap', function() {
faceDiv.style.backgroundImage='url(../images/cbd.jpg)';
});
function GoLogin(){
mui.openWindow("../login.html","login.html");
}
(function($, doc) {
$("#MuenList").on('tap',"li", function(e){
alert(111);
//GoLogin();
});
$("#loginDiv").on('tap', "img",function(e){
GoLogin();
});
$.plusReady(function(){
$('.mui-scroll-wrapper').scroll({
indicators: true //是否显示滚动条
});
})
}(mui, document));
</script>
</html>
1***@qq.com
是怎么解决的？
2016-08-16 16:04