2012-03-17 97 views
0

我正在使用jQuery轮播脚本和jScrollpane滚动条与锚链接的演示,但我似乎无法让它正常工作。有人可以指出我在脚本中错过了什么吗?'是不是一个函数'错误jQuery脚本

通过萤火我得到了错误的信息:

“:在调试循环过程中的错误:恢复调试器类型错误:firstViewRangeElement为空”。

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

$(”滚动窗格中,箭头“).jScrollPane(my_jscrollpane_opts);来自:jquery.contentcarousel.js(线272)

syntax error 

}来自:index.html的(线525)

+0

错误消息没有代码一起使用就没用了。 – Jon 2012-03-17 00:09:32

+0

你能指出你错过了什么吗?可能使用屏幕截图?我没有看到现在的问题:( – 2012-03-17 15:11:00

+0

对我来说工作正常,使用Chrome浏览器。你使用什么浏览器? – 2012-03-18 07:12:59

回答

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> 

要调用.contentcarousel()这就要求JScrollPane中,但不包括第一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> 
0

也删除逗号(,)低于线(线没有524)

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

它会解决您的错误

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

感谢您指出逗号! – Martijn 2012-03-17 07:34:45

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