Javascript: "is not a function" error

Question

I am trying to use the easyPaginate.js plugin (https://st3ph.github.io/jquery.easyPaginate/) in my code:

index.jsp

<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./js/myJs.js"></script>
<script type="text/javascript" src="./js/jquery.easyPaginate.js"></script>
...
<div id="easyPaginate">
    <img src="img/demo/surf1.jpg" />
    <img src="img/demo/surf2.jpg" />
</div>

myJs.js:

$('#easyPaginate').easyPaginate({
    paginateElement: 'img',
    elementsPerPage: 3,
    effect: 'climb'
});

but I am getting the following error:

Uncaught TypeError: $(...).easyPaginate is not a function at myJs.js:20

Mihai Alexandru-Ionut · Accepted Answer · 2017-09-30 14:58:59Z

2

You should declare scripts in this order:

<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./js/jquery.easyPaginate.js"></script>
<script type="text/javascript" src="./js/myJs.js"></script>

As the error says, easyPaginate method can't be found in myJs script.

edited Sep 30, 2017 at 14:58

answered Sep 30, 2017 at 14:57

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Felipe Valdes Over a year ago

It is also recommended to put the scripts at the bottom of the page, so you don't "block" the browser.

Collectives™ on Stack Overflow

Javascript: "is not a function" error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related