为什么mui.plusReady后执行test() 往页面中添加的数据无法正常？在外面却可以？？
<!DOCTYPE html>
<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">
<link rel="stylesheet" href="../css/mui.min.css">
<style type="text/css">
.mui-slider-item a img {
max-height: 200px;
}
</style>
</head>
<body>
<div class="mui-content">
<div id="aaa">aaaaa</div>
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
</div>
<div class="mui-slider-indicator mui-text-right">
<!--<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>-->
</div>
</div>
</div>
</body>
<script src="../js/mui.min.js"></script>
<!--<script type="text/javascript" src="../js/custom/tools.js"></script>-->
<!--<script src="../js/custom/app_sy.js"></script>-->
<script>
mui.init({
swipeBack: false,
statusBarBackground: '#f7f7f7',
gestureConfig: {
doubletap: true
}
});
//test();
mui.plusReady(function() {
test();
// init();
document.querySelector("#aaa").innerHTML="bbbbbb";
});
// test();
function test(){
var sliderGroupDiv = document.querySelector(".mui-slider-group,.mui-slider-loop");
strv='<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../images/yuantiao.jpg" height="200"><p class="mui-slider-title">你好，2015！</p></a></div>';
sliderGroupDiv.innerHTML=strv;
console.log("end")
}
</script>
</html>
0 个回复