出不来效果，求助
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meat name="viewport" content="widt=device-width, initial-scale=1,user-scalable=no/">
<link rel="stylsheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.7/jquery.fullPage.css"/>
</head>
<body>
<div id="fullpage">
<div>
<h1>第一屏</h1>
</div>
<div>
<h1>第一屏</h1>
</div>
<div>
<h1>第一屏</h1>
</div>
<div>
<h1>第一屏</h1>
</div>
<div>
<h1>第一屏</h1>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.8/jquery.fullPage.js"></script>
<script type="text/javascript">
$(document).ready(function)(){
$('#fullpage').fullpage();
});
</script>
</body>
</html>
