move.js问题

为什么使用fullpage时候用move.js的onLeave无法触发第二次效果也无法回调到上以页面,通过Chrome提示移动必须使用元素或选择器进行初始化，请问问题出现在哪里怎么解决，代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>fullpage熟悉</title>
<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css">
<style type="text/css">
*body{ padding:0; margin:0;}
.section{ text-align:center;}
.section1 h1{ font-size:70px;}
.section1 h3{ font-size:30px;}
.section1 p{ font-size:18px; margin-top:800px;}
.seciton2 h3{ font-size:30px; margin-left:-1500px;}
.seciton2 p{ font-size:18px; margin-left:1500px;}
</style>
</head>

<body>
<div id="fullpage">
   <div class="section section1">
       <h1>fullpage练习</h1>
        <h3>现在开始</h3>
        <p>这是第一个页面</p>
    </div>
    <div class="section section2">
       <h3>左边进攻</h3>
        <p>右边进攻</p>
    </div>
</div>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.js"></script>
<script type="text/javascript" src="js/move.js"></script>
<script type="text/javascript">
   $(document).ready(function() {
        $('#fullpage').fullpage({
           sectionsColor:['red','yellow'],
           anchors:['page1','page2'],
           navigation:true,
           navigationPosition:'right',
           navigationTooltips:['page1','page2'],
           afterLoad:function(link,index){
               switch(index){
                   case 1:move('.section1 h1').scale(1.5).end();
                           move('.section1 h3').scale(0.7).end();
                           move('.section1 p').set('margin-top','5%').end();
                   break;
                   case 2:move('.section2 h3').set('margin-left','20%').end();
                           move('.section2 p').set('margin-left','-20%').end();
                   break;
                   default:
                   break;
                   }
               },
           onLeave:function(link,index){
               switch(index){
                   case 1:move('section1 h1').scale(1).end();
                           move('section1 h3').scale(1).end();
                           move('section1 p').set('margin-top','800px').end();
                   break;
                   case 2:move('.section2 h3').set('margint-left','-1500px').end();
                           move('.section2 p').set('margint-left','1500px').end();
                   break;
                   default:
                   break;
                   }
               },
           afterRender:function(){
               },
       });
    });
</script>
</body>
</html>

AiniYOUMe

浏览 1283回答 1

1回答

echo_kinchao

看看是不是他的设置参数有误

0 0

随时随地看视频慕课网APP