点击李，转到下一个李

Question

无法找到一个简单的解决方案，我知道这很容易，我已经尝试了一些东西，但我不能完全得到它的工作。我目前正在使用sidescrolling网站，并且我希望每次点击图片（包含在li中）都会滚动到下一个li。我有jQuery插件localscroll所以它顺利地从一个到另一个，这是工作。我现在需要编写一段代码来触发jQuery使用localscroll函数并转到下一个li。现在我有这个，但我知道这是不对的：

$(document).ready(function() { 
    $('.wrapper ul li').click(function() { 
    $(this).next(li).localScroll(); 
    }); 
}); 

Answer 1

Accoding到ScrollTo examples，你需要这样做：

$(container).scrollTo(element); 

例如

$(document).ready(function() { 
    $('.wrapper ul li').click(function() { 
     $(window).scrollTo($(this).next('li')); 
    }); 
}); 

Answer 2

阅读文档此here之后，我想通了，正确的使用它的方式。让我们说，你的.wrapper元素是一个溢出或你想要滚动的元素。您可以执行以下操作。

$(document).ready(function() { 
    var gallery = $('.wrapper ul li') 

    $(gallery).click(function() { 
      $('.wrapper').localScroll({ 
       target:$(this).next('li') 
      }); 

    }); 
});