在用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']
                });
            });

尝试注释掉这段代码，在控制台中手动输入。看看还会不会报错。

Web App用组件方式开发全站

用HTML5/CSS3/JS流行技术，实现移动端可视化数据报告

3164 学习 · 516 问题

查看课程

相似问题

fullpage依赖于jquery在移动端上不会卡吗

回答 2

添加组件时报错说jquery的replace有问题怎么查找错误点呢？

回答 2

ps切图

回答 1

我的代码点运行后为什么没效果显示的页面就写个0%

回答 2

做一个这个数据报告需要多长时间

回答 1

打开慕课网App查看更多内容