在用fullPage.js验证简单切换页面功能时，chrome报错；报错信息如下：
来源：
蔬菜汤
2016-05-17
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<meta name="herr-shine" content="">
<title>IT教育网2015课程学习情况</title>
<!--FullPage.js的脚本文件-->
<script type="text/javascript" src="../js/lib/jquery.js"></script>
<script type="text/javascript" src="../js/lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="../js/lib/jquery.fullPage.js"></script>
<!--自定义javascript方法-->
<script type="text/javascript">
// $(document).onload(function(){
// $('#h5').fullpage(
// );
// });
$(function(){
$('#h5').fullpage({
'sectionsColor':['#254875','#00FF00','#254587','#695684']
});
});
</script>
<style type="text/css">
body{
margin:0;
padding:0;
}
.component{
width:50%;
height:300px;
margin-bottom:20px;
background-color:#eee;
background-color:red;
}
</style>
</head>
<body>
<div id="h5">
<div class="page section" id="page-1">
<div class="component log">logo</div>
<div class="component sologan">sologan</div>
</div>
<div class="page section" id="page-2">
<div class="component desc">描述</div>
</div>
<div class="page section" id="page-3">
<div class="component bar">柱状图</div>
</div>
</div>
</body>
</html>
写回答
1回答
-
Lyn
2016-05-18
看错误信息，是PageToggle.html 中的一段JS。获取DOM元素的时候失败了。
$(function(){ $('#h5').fullpage({ // <--- 22行就是这 'sectionsColor':['#254875','#00FF00','#254587','#695684'] }); });尝试注释掉这段代码，在控制台中手动输入。看看还会不会报错。
00
相似问题
ps切图
回答 1
做一个这个数据报告需要多长时间
回答 1