Question

希望有人能帮助我。

我正在处理一个javascript，它遍历我页面上的所有div（A，B和C）。

现在它从div A到B和B到C动画，并从顶部重新开始。到目前为止一切顺利！

但是......我希望在点击div之外的固定对象（蓝色方块'.x'）时获得相同的效果。像导航 - 而不是div本身。

看一下，如果您对如何实现这一目标有任何建议，请告诉我。

alert('jsfiddle.net') http://jsfiddle.net/RB7q5/25/

由于 X

Answer 1

单击.x时，只需触发.wrap单击功能即可。唯一的技巧是将$ next设置为正确的项目，因此您知道要点击哪一个。

$(window).ready(function () {
  var $next = $('.wrap').eq(0);
  $('.x').click(function() {
    console.log($next);
    $next.trigger('click');
  });
  $('.wrap').click(function (e) {
    e.preventDefault();
    var ind = $(this).closest('.wrap').index('.wrap');
    var $containers = $('.wrap');
    $next = $containers.eq(++ind);
    if ($next.length) {
        var where = $next.offset().top;
    } else {
        var where = $containers.filter(":first").offset().top;
        $next = $('.wrap').eq(0);
    }
    $('body, html').animate({
        scrollTop: where
    })
  })
});

http://jsfiddle.net/RB7q5/26/

点击下一个DIV

1 个答案: