Javascript jQuery增量故障_Javascript_Jquery

Javascript jQuery增量故障

javascript jquery

Javascript jQuery增量故障,javascript,jquery,Javascript,Jquery,我正在尝试使用jQuery来浏览带有增量类的部分。但是我的jQuery代码看起来是错误的。控制台中有此消息 TypeError: nextSection.offset(...) is undefined 这是我的密码： for(var i = 0; i < 11; i++) { $('.project-' + i + '> .arrows > .arrow-bottom').click(function() { $('html, body').anim

我正在尝试使用jQuery来浏览带有增量类的部分。但是我的jQuery代码看起来是错误的。控制台中有此消息

TypeError: nextSection.offset(...) is undefined

这是我的密码：

for(var i = 0; i < 11; i++) {
    $('.project-' + i + '> .arrows > .arrow-bottom').click(function() {
        $('html, body').animate({
            scrollTop: $('.project-' + i+1).offset().top()
        }, 750);
    });

for（变量i=0；i<11；i++）{
$（'.project-'+i+'>.arrows>.arrow-bottom'）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（'.project-'+i+1）.offset（）.top（）
}, 750);
});

有人知道为什么它不起作用

谢谢！

问题可能在于闭包，请尝试将代码更改为：

for (var i = 0; i < 11; i++) {
  (function(j) {
    $('.project-' + j + '> .arrows > .arrow-bottom').click(function() {
      $('html, body').animate({
        scrollTop: $('.project-' + (j + 1)).offset().top()
      }, 750);
    });
  }(i));
}

for（变量i=0；i<11；i++）{
（职能（j）{
$（'.project-'+j+'>.arrows>.arrow-bottom'）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（'.project-'+（j+1））.offset（）.top（）
}, 750);
});
}（i） ）；
}

你可以参考这篇文章，了解更多关于闭包及其工作原理的信息，

问题可能在于闭包，请尝试将代码更改为：

for (var i = 0; i < 11; i++) {
  (function(j) {
    $('.project-' + j + '> .arrows > .arrow-bottom').click(function() {
      $('html, body').animate({
        scrollTop: $('.project-' + (j + 1)).offset().top()
      }, 750);
    });
  }(i));
}

for（变量i=0；i<11；i++）{
（职能（j）{
$（'.project-'+j+'>.arrows>.arrow-bottom'）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（'.project-'+（j+1））.offset（）.top（）
}, 750);
});
}（i） ）；
}

你可以参考这篇文章，了解更多关于闭包及其工作原理的信息，

所有事件侦听器都将引用相同的

，每次都会递增（直到

成为边界

）因此，当调用事件侦听器时，它们将访问它们得到的

引用的值，对于所有的事件侦听器，该值都是

。因此

scrollTop:$（'.project-'+i+1）。offset（）.top（）

对于所有的项目（我假定不是元素），都是

scrollTop:$（'.project-'+12）。offset（）.top（）

因此，

偏移量

将是

未定义的

您可以使用iLife（I中间InvokedFfunctionExpression）为每个迭代创建单独的闭包，因此事件侦听器将具有如下唯一值：

for(var i = 0; i < 11; i++) {
    (function(index) { // index will be created for each iteration (new one every time)
        // instead of i use index
        $('.project-' + index + '> .arrows > .arrow-bottom').click(function() {
            $('html, body').animate({
                scrollTop: $('.project-' + index + 1).offset().top()
            }, 750);
        });
    })(i); // pass i to the call to initialize index of the IIFE
}

for（变量i=0；i<11；i++）{
（函数（索引）{//每次迭代都将创建索引（每次都新建一个）
//我不使用索引，而是使用索引
$（'.project-'+index+'>.arrows>.arrow-bottom'）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（'.project-'+index+1）.offset（）.top（）
}, 750);
});
})（i） ；//将i传递给初始化IIFE索引的调用
}