Uncaught typeError:undefined is not a function while using slide left infullpage.js

debugcn Published at Dev

Sachin Sangde

I am using fullpage.js in my website. I want the horizontal slides to slide automatically. For that I am using following code. But I am getting error in console:

Uncaught typeError:undefined is not a function.

The code:

<script type="text/javascript">
    $(document).ready(function() {
        $('#fullpage').fullpage({
            anchors: ['home', 'about', 'why-us','services','team','contact'],
            autoScrolling: true,
            css3: true,
            afterRender: function () {
                setInterval(function () {
                    $.fn.fullpage.moveSlideRight();
                }, 3000);
            }
        });
    });
</script>

Alvaro

You are not including the needed files correctly. Make sure they are in the location you are specifying.

As pointed in the docs and as you can see in the examples provided, this is the structure you have to follow to add the needed files.

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- This following line is needed in case of using the default easing option or when using another
 one rather than "linear" or "swing". You can also add the full jQuery UI instead of this file if you prefer -->
<script src="vendors/jquery.easings.min.js"></script>


<!-- This following line needed in the case of using the plugin option `scrollOverflow:true` -->
<script type="text/javascript" src="vendors/jquery.slimscroll.min.js"></script>

<script type="text/javascript" src="jquery.fullPage.js"></script>

Collected from the Internet

Please contact [email protected] to delete if infringement.