jquery:Error$(“div”created";)。scrollintoview不是一个函数
编辑:新错误:错误Jquery未定义行:208 本规范第208行: 我不确定为什么会出现这个错误,因为我在JSFIDLE中使所有东西都正常工作,但当我将代码添加到rails应用程序中时,它就不工作了。单击错误以了解更多信息时,jquery:Error$(“div”created";)。scrollintoview不是一个函数,jquery,html,css,ruby-on-rails-3,Jquery,Html,Css,Ruby On Rails 3,编辑:新错误:错误Jquery未定义行:208 本规范第208行: 我不确定为什么会出现这个错误,因为我在JSFIDLE中使所有东西都正常工作,但当我将代码添加到rails应用程序中时,它就不工作了。单击错误以了解更多信息时,complete:function(){部分将突出显示 单击链接会导致隐藏的div出现,链接变为“活动”(颜色:红色),但是,窗口不会滚动到div的底部,当我单击链接切换所有内容时,不会发生任何事情(div不会关闭,链接保持红色) 工作的原始JSFIDLE: applic
complete:function(){
部分将突出显示
单击链接会导致隐藏的div出现,链接变为“活动”(颜色:红色),但是,窗口不会滚动到div的底部,当我单击链接切换所有内容时,不会发生任何事情(div不会关闭,链接保持红色)
工作的原始JSFIDLE:
application.js
页脚
编辑:这是因为您正在调用的函数是scrollIntoView()
(在camelCasing中),而定义的函数是scrollIntoView()
(不在camelCasing中)
注意:JavaScript是一种区分大小写的语言
确保已按正确的顺序包含JavaScript文件。首先,加载jQuery
库,然后加载scrollintoview
插件,最后加载应用程序.js
编辑:根据评论中的讨论更新了答案。这是因为您正在调用的函数是scrollIntoView()
(在camelCasing)而定义的函数是scrollIntoView()
(不在camelCasing)
注意:JavaScript是一种区分大小写的语言
确保已按正确的顺序包含JavaScript文件。首先,加载jQuery
库,然后加载scrollintoview
插件,最后加载应用程序.js
编辑:根据评论中的讨论更新答案。回调函数可能会起作用
$('div#created').scrollintoview({
duration: "slow",
direction: "y"
}, function() {
// do something
});
回调函数可能会达到这个目的
$('div#created').scrollintoview({
duration: "slow",
direction: "y"
}, function() {
// do something
});
很抱歉,但这还不行,我在谷歌搜索后,最后把它改成了驼峰壳,发现有人这样称呼它,只是在发布问题时忘了改回去。很抱歉弄错了,但不是这样,请在上面编辑显示。在
application.js之前是否包括scrollintoview
插件代码>?我将其粘贴在application.js的顶部,但当我将其单独包含在另一个文件的上方时,出现了一个新的js错误,该错误表示“Jquery未定义”并指向第208行,您的JavaScript文件是按什么顺序包含的?请确保先包含jQuery
,然后是插件,最后是application.js
。我没有看到任何其他可能导致此问题的内容。是的,这是这些文件的顺序,感谢您帮助我解决此问题,我从不知道它们需要按照特定的顺序。抱歉,但这不起作用,我在谷歌搜索后将其更改为驼峰壳作为最后手段,发现有人这样称呼它,只是在发布问题时忘记了更改。抱歉,弄错了,但不是这样,请在上面编辑显示。您是否包括scrollintoview
plugin beforeapplication.js
?我将其粘贴在application.js的顶部,但当我将其单独包含在另一个文件的上方时,出现了一个新的js错误,该错误表示“Jquery未定义”并指向第208行,您的JavaScript文件是按什么顺序包含的?请确保先包含jQuery
,然后是插件,最后是application.js
。我没有看到任何其他可能导致此问题的内容。是的,这是这些文件的顺序,感谢您帮助我解决此问题,我从不知道它们需要有明确的顺序。
#created {
margin: 0 auto;
width: 100%;
height: 150px;
background: green;
}
#stuff {
margin: 0 auto;
width: 100%;
height: 150px;
background: white;
}
.active {
color: red;
}
$('div#created').scrollintoview({
duration: "slow",
direction: "y"
}, function() {
// do something
});