为了账号安全,请及时绑定邮箱和手机立即绑定

加入以下代码没法实现翻页效果了

在加入了

afterLoad:function(link,index){

switch(index){

case 1:

break;

case 2:

break;

case 3:

break;

case 4:

break;

default:

break;

}

},

这段代码之后就无法实现翻页效果了,使用定在一页,没法往下翻,求解!~~~

http://img1.sycdn.imooc.com//573c408400019ad413570309.jpg这是js报错。

以下是完整代码

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=divice-width,initial-scale=1,user-scalable=no">

    <title>个人简历</title>

    <link rel="stylesheet" href="css/reset.css" type="text/css">

   <link rel="stylesheet" href="css/fullpage.css" type="text/css">

    <link rel="stylesheet" href="css/index.css" type="text/css">

</head>


<body>


<div id="header">

    <div class="nav_bg"></div>

        <div class="nav">

        <div class="logo left"></div>

            <div class="title_rp left">

            <div class="title_rp1">个人简历</div>

                <div class="title_rp2">前端工程师</div>

            </div>

            <div clsss="clear"></div>

            <ul class="right nav_options">

            <li class="left"><a href="#">首页</a></li>

                <li class="left"><a href="#">笔记</a></li>

                <li class="left"><a href="#">关于</a></li>

                <div clsss="clear"></div>

            </ul>

            <div clsss="clear"></div>

        </div>

    </div>

    <!--header-->

    <div id="fullpage">

        <div class="section section1" style="height:100%">

            <div class="me">

                <div class="me_content">

                    <div class="title">

                        <div class="title1"><h1>我的现况</h1></div>

                        <div class="title2">.SITUATION.</div>

                    </div>

                    <div class="me_list">

                        <div class="me_list_4 left">

                            <div id="education"> 

                            <div id="education_over"></div>

                            </div>

                            <div class="me_list_word1">学历</div>

                            <div class="me_list_word2"><本科></div>

                        </div>

                        <div class="me_list_4 left">

                            <div id="age">

                            <div id="age_over"></div>

                            </div>

                            <div class="me_list_word1">年龄</div>

                            <div class="me_list_word2"><24></div>

                        </div>

                        <div class="me_list_4 left">

                            <div id="location">

                            <div id="location_over"></div>

                            </div>

                            <div class="me_list_word1">坐标</div>

                            <div class="me_list_word2"><上海></div>

                        </div>

                        <div class="me_list_4 left">

                            <div id="status">

                            <div id="status_over"></div>

                            </div>

                            <div class="me_list_word1">状态</div>

                            <div class="me_list_word2"><求职></div>

                        </div>

                        <div clsss="clear"></div>

                    </div>

                    <div class="me_info">

                        <div class="me_info1"></div>

                        <div class="me_info2">

                            <p class="me_info4">2014年7月毕业于淮阴工学院,现处于求职状态</p>

                            <p class="me_info4">在一年多的工作之余我喜欢上了前端技术</p>

                            <p class="me_info4">每攻克一个问题就让我充满成就感</p>

                        </div>

                        <div class="me_info3"></div>

                    </div>

                </div>

            </div>

        </div>

        <!--me-->

        <div class="skill section">

            <div class="skill_content">

                <div class="title">

                    <div class="title1"><h1>专业技能</h1></div>

                    <div class="title2">.SKILL.</div>

                </div>

                <div class="skill_konw">IT行业持之以恒的学习是必不可少的,特别在于前端行业的广度和深度。而做好前端的重中之重在于对js的理解。</div>

                <div class="skill_list">

                    <div class="skill_list_box left">

                        <div class="skill_list_ph1"></div>

                        <div id="skill_flag1" class="skill_flag"></div>

                        <div id="skill_info1" class="skill_info"></div>

                    </div>

                    <div class="skill_list_box left">

                        <div class="skill_list_ph2"></div>

                        <div id="skill_flag2" class="skill_flag"></div>

                        <div id="skill_info2" class="skill_info"></div>

                    </div>

                    <div class="skill_list_box left">

                        <div class="skill_list_ph3"></div>

                        <div id="skill_flag3" class="skill_flag"></div>

                        <div id="skill_info3" class="skill_info"></div>

                    </div>

                    <div clsss="clear"></div>

                </div>

            </div>

        </div>

        <!--skill-->

        <div class="experience section">

            <div class="experence_content">

                 <div class="title">

                    <div class="title1"><h1>个人经历</h1></div>

                    <div class="title2">.EXPERIENCE.</div>

                </div>

            </div>

            <div class="swiper">

                <div class="slide">11111</div>

                <div class="slide">22222</div>

                <div class="slide">33333</div>

                <div class="slide">44444</div>

            </div>

        </div>

        <!--experence-->

        <div class="demo section">

            <div class="demo_content">

                 <div class="title">

                    <div class="title1"><h1>我的作品</h1></div>

                    <div class="title2">.DEMO.</div>

                </div>

            </div>

            <div class="demo_list"></div>

        </div>

    </div>

    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script src="js/fullpage.js"></script>

    <script src="js/move.js"></script>

    <script>


    $(document).ready(function(){

$("#fullpage").fullpage({

navigation:"ture",

navigationPosition:"right",

navigationTooltips:["我的现状","专业技能","我的经历","部分作品"],

slidesNavigation:"ture",

slidesNavPosition:"bottom",

afterLoad:function(link,index){

switch(index){

case 1:

move(".section1 me_info1").set().end();

break;

case 2:

break;

case 3:

break;

case 4:

break;

default:

break;

}

},

onLeave:function(link,index){

switch(index){

case 1:

move(".section1 me_info1").set().end();

break;

case 2:

break;

case 3:

break;

case 4:

break;

default:

break;

}

},

});

$("#education,#age,#location,#status").mouseover(function(){

$(this).css({

"background-color":"#FFF",

"border-color":"#a0a0b4",

});

}).mouseout(function(){

$(this).css({

"background-color":"#a0a0b4",

"border-color":"#FFF",

});

});

$("#skill_flag1").click(function(){

$("#skill_info1").toggle();

$("#skill_info2,#skill_info3").hide();

});

$("#skill_flag2").click(function(){

$("#skill_info2").toggle();

$("#skill_info1,#skill_info3").hide();

});

$("#skill_flag3").click(function(){

$("#skill_info3").toggle();

$("#skill_info1,#skill_info2").hide();

});

$(".skill_list_ph1,.skill_list_ph2,.skill_list_ph3").mouseover(function(){

$("this").css

});

$(".nav_options").click(function(){

alert("正在建设中,请等待")

})

})

    </script>


</body>

</html>

求解啊~~~

正在回答

1 回答

你的js代码:move(".section1 me_info1").set().end();  

你的div代码:    <div class="me_info1"></div>

错误原因:me_info1  类名写错了

 修改后的代码move(".section1 .me_info1").set().end();

0 回复 有任何疑惑可以回复我~
#1

随想录 提问者

非常感谢!经常犯这些个错误,一定会改正
2016-05-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
FullPage.js全屏滚动插件
  • 参与学习       43827    人
  • 解答问题       202    个

基于jQuery的全屏滚动效果插件,让翻页显得格外的高端大气上档次

进入课程

加入以下代码没法实现翻页效果了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信