首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery脚本中的“非函数”错误

jquery脚本中的“非函数”错误
EN

Stack Overflow用户
提问于 2012-03-17 00:08:29
回答 3查看 5.8K关注 0票数 0

我正在使用带有锚链接的jquery脚本和jScrollpane滚动条进行演示,但我似乎无法使它正常工作。有人能指出我在剧本里遗漏了什么吗?

通过firebug,我得到了错误消息:

“恢复调试器:调试循环中的错误: TypeError: firstViewRangeElement为空”

代码语言:javascript
复制
$(".scroll-pane-arrows").jScrollPane is not a function

$('.scroll-pane-arrows').jScrollPane(my_jscrollpane_opts);出发地: jquery.contentcarousel.js (第272号行)

代码语言:javascript
复制
syntax error

}从: index.html (第525行)

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-03-17 07:08:27

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

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

看看512-518行,你有:

代码语言:javascript
复制
<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()之前,如下所示:

代码语言:javascript
复制
<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>
票数 2
EN

Stack Overflow用户

发布于 2012-03-17 07:16:20

还从下面的行(524行)删除逗号(,)

代码语言:javascript
复制
$('.scroll-pane').jScrollPane();
{
  hijackInternalLinks: true //remove comma from here
}

它会解决你的错误

代码语言:javascript
复制
syntax error
} from: index.html (line 525)
票数 0
EN

Stack Overflow用户

发布于 2014-01-16 08:16:08

查看jquery版本。

代码语言:javascript
复制
$ (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) {
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9746057

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档