我正在使用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行)
答案 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) {