Question

如果是第一个，我怎么能隐藏按钮.prev？以及为什么滑块在最后一次单击.prev时返回到第一张幻灯片？我怎样才能解决这个问题？

    var nextPane = function (e) {
        e && e.preventDefault();
        var $container = $(this).closest('.grid-container');
        var $items = $('.items', $container);
        var offset = $items.css('marginLeft').replace('px', '');
        var width = $container.width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));
        $items.css('marginLeft', offset - width);

        if($(this).parent().find('.items').width() + (offset - width) < width){
            $(this).hide();
        }

    }

    var prevPane = function (e) {
        e && e.preventDefault();
        var $container = $(this).closest('.grid-container');
        var $items = $('.items', $container);
        var offset = $items.css('marginLeft').replace('px', '');
        var width = $container.width() + parseInt($('.item', $container).css('marginRight').replace('px', '')); 
        $items.css('marginLeft', offset + width);


        if($('.next').is( ":hidden" )){
            $(this).parent().find('.next').show();
        }
    }

jsFiddle

Answer 1

由于您不会返回一张幻灯片，但总是返回上一张幻灯片中的第一张幻灯片，当您点击下一张或上一张时，您只需hide()和show()。

点击下一步

$(this).parent().find('.prev').show();

点击上一个

$(this).parent().find('.prev').hide();

http://jsfiddle.net/2tUZ4/8/

jquery滑块首先隐藏.prev按钮

1 个答案: