Question

当用户点击第一个段落＆＃34; targetgo＆＃34;我想滚动到＆＃34; size1＆＃34;上课。第二段用＆＃34; size2＆＃34;等等。这是代码。有没有办法缩短代码，因为我要编写超过25个这样的东西。

$(".targetgo").eq(0).click(function(){
        $("body").scrollTo(".size1",2000); 
  });
   $(".targetgo").eq(1).click(function(){
        $("body").scrollTo(".size2",2000); 
  });
   $(".targetgo").eq(2).click(function(){
        $("body").scrollTo(".size3",2000); 

  });

Answer 1

嗯，为什么不呢？

for(var i=0;i<3;i++){
    $(".targetgo").eq(i).click(function(){
        $("body").scrollTo(".size"+(i+1),2000); 
    });
}

所以增加i以获得更多周期......

Answer 2

$(".targetgo").each(
    function(i,el) {
        $(el).on('click', function() {
            $("body").scrollTo(".size"+i,2000); 
        });
    }
);

如果您不知道有多少.targetgo，请使用$ .each（）

编辑：如果需要，不确定我是否为0或1。

单击时动态循环并滚动到div

2 个答案: