Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery:Error$(“div”created";)。scrollintoview不是一个函数_Jquery_Html_Css_Ruby On Rails 3 - Fatal编程技术网

jquery:Error$(“div”created";)。scrollintoview不是一个函数

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

编辑:新错误:错误Jquery未定义行:208

本规范第208行:

我不确定为什么会出现这个错误,因为我在JSFIDLE中使所有东西都正常工作,但当我将代码添加到rails应用程序中时,它就不工作了。单击错误以了解更多信息时,
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 before
application.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   
 });