Javascript: "is not a function"错误

Question

我正在尝试在我的代码中使用 easyPaginate.js 插件 ( https://st3ph.github.io/jquery.easyPaginate/):

索引.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'
});

但我收到以下错误:

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

Answer 1

您应该按以下顺序声明脚本:

<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>

如错误所述，在 myJs 脚本中找不到 easyPaginate 方法。