javascript - jquery 脚本中的“不是函数”错误

Question

我正在使用 jquery 轮播脚本和带有 anchor 链接的 jScrollpane 滚动条进行演示，但我似乎无法使其正常工作。有人可以指出我在脚本中遗漏了什么吗？

通过 firebug 我得到了错误信息:

“恢复调试器:调试循环期间出错:TypeError:firstViewRangeElement 为空”

$(".scroll-pane-arrows").jScrollPane is not a function

$('.scroll-pane-arrows').jScrollPane(my_jscrollpane_opts); 来自:jquery.contentcarousel.js(第 272 行)

syntax error

} 来自:index.html(第 525 行)

Answer 1

在实际包含它的定义之前，您正在调用 jScrollPane。如果你在 chrome 中查看源代码

view-source:http://members.chello.nl/j.bemmel2/carousel_/

并查看第 512 - 518 行，您有:

<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
    $('#ca-container').contentcarousel();
</script>
<!-- the Scrollbar script -->
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>

您正在调用调用 jScrollPane 的 .contentcarousel()，但没有首先包含 jscrollpane.min.js

你应该做的就是拥有

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

在调用 .contentcarousel() 之前，如下所示:

<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<!-- the Scrollbar script -->
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript">
    $('#ca-container').contentcarousel();
</script>