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

时间:2012-03-17 00:08:30

标签: javascript jquery css jscrollpane jquery-jscrollpane

我正在使用jquery轮播脚本和带有锚点链接的jScrollpane滚动条进行演示,但我似乎无法让它正常工作。有人可以在脚本中指出我在这里缺少什么吗?

通过firebug我收到了错误消息:

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

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

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

syntax error

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

3 个答案:

答案 0 :(得分:2)

在实际包含其定义之前,您正在调用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>

答案 1 :(得分:0)

也从下面的行中删除逗号(,)(第524行)

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

它将解决您的错误

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

答案 2 :(得分:0)

查看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) {