CODEWITHSUNDEEP
javascriptjqueryfullpage.js
Sachin Sangde
Sachin Sangde

Reputation: 13

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

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>

Upvotes: 0

Views: 3714

Answers (1)

Alvaro
Alvaro

Reputation: 41605

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>

Upvotes: 1

Related Questions