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

Question

我正在使用 jquery 轮播脚本和带有锚链接的 jScrollpane 滚动条进行演示，但我似乎无法使其正常工作。有人可以指出我在脚本中缺少的内容吗？

通过萤火虫我得到了错误信息：

“恢复调试器：调试循环期间出错：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>

Answer 2

查看 jquery 版本。

$ (Selector). Live (events, data, handler); / / jQuery 1.3 + 
$ (Document). Delegate (selector, events, data, handler); / / jQuery 1.4.3 + 
$ (Document). On (events, selector, data, handler); / / jQuery 1.7 + 

=> $ El.find ('a.ca-more'). Live ('click.contentcarousel', function (event) {
change $ (Document). On ('click', 'a.ca-more', function (event) {

=> $ el.find ('a.ca-close'). live ('click.contentcarousel', function (event) {
change $ (Document). On ('click', 'a.ca-close', function (event) {

Answer 3

(,)还从下一行删除逗号（第 524 行）

$('.scroll-pane').jScrollPane();
{
  hijackInternalLinks: true //remove comma from here
}

它会解决你的错误

syntax error
} from: index.html (line 525)