Question

我有这个脚本：

$('.blog-list li').click(function(e) {
    e.preventDefault();
    $('body').scrollTo('.section:eq(1)', 800);
});

当您点击列表项时，现在转到section:eq(1)。我想改变这个脚本。当您单击第一个列表项时，您将转到第一个部分。

按第二个列表项时。你要去第二部分等我该如何做到？

Answer 1

$('.blog-list li').click(function(e) {
   e.preventDefault();
   $('body').scrollTo('.section:eq(' + $('.blog-list li').index(this) + ')', 800);
});

Answer 2

Working jsFiddle Demo

使用此代码：

$('.blog-list li').each(function (i) {
    $(this).click(function () {
        $('body').scrollTo('.section:eq(' + i + ')', 800);
    });
});

Answer 3

这是我对形势的看法

 $('.bloc-list li').each(function(index,element){
        $(element).click(function(e){
            e.preventDefault();
            $('body').scrollTo('.section:eq(' + index + ')', 800);
        });
    });

Answer 4

$('.blog-list li').click(function(e) {
    e.preventDefault();
    $('body').scrollTo('.section:eq('+$(this).index()+')', 800);
});

<强> Demo

此方法通过使用:eq动态将调用$(this).index()的调用替换为调用该函数的项的索引（在本例中为您的列表项）。

转到列表中的eq项目

4 个答案: