Question

我对jquery有基本了解，如果可能pre button默认为display:none而最后next button也display:none，则有人可以指导我

JS：

$('div.section').first();

$('a.display').on('click', function(e) {
    e.preventDefault();

      var t = $(this).text(),
      that = $(this);

    if (t === 'next' && $('.current').next('div.section').length > 0) {
        var $next = $('.current').next('.section');
        var top = $next.offset().top;

        $('.current').removeClass('current');     
        $(function () {
               $next.addClass('current');
               $('html, body').animate({scrollTop: $('.current').offset().top }, 'slow');

        });
  } else if (t === 'prev' && $('.current').prev('div.section').length > 0) {
        var $prev = $('.current').prev('.section');
        var top = $prev.offset().top;

        $('.current').removeClass('current');

        $(function () {
               $prev.addClass('current');
               $('html, body').animate({scrollTop: $('.current').offset().top }, 'slow');
        });
  } 
});

这是fiddle

Answer 1

这应该为你做。让我知道它是如何运作的。

function hideShowLinks() {
    $('.section').each(function (k, v) {
        var self = $(this);
        if (self.hasClass('current')) {
            if (k == 0) {
                $('#display1').hide();
                $('#display').show();
            } else if (k == ($('.section').length - 1)) {
                $('#display').hide();
                $('#display1').show();
            } else {
                $('#display, #display1').show();
            }
        }
    });
}

hideShowLinks();

$(window).scroll(function () {
    hideShowLinks();
});

Fiddle

jquery - 默认情况下的prev按钮{display：none}和最后一个按钮{display：none}

1 个答案: