jQuery滑塊在上一個或最后一個時隱藏上一個和下一個

Question

我想在此代碼上隱藏上一個和下一個按鈕。 我想我可以根據偏移值切換按鈕嗎？ 怎么樣？

最后一頁不斷滾動，當圖像結束時它們應該停止。 http://jsfiddle.net/2tUZ4/1/

function slide(container) {
    var $container = $(container);

    var resizeFn = function () {
        var small = $(window).width() < 800;
        $container.toggleClass('four', small).toggleClass('six', !small);
    }

    var toggleButtons = function () {        
    }

    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);
    }

    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);
    }

    resizeFn();
    $(window).resize(resizeFn);

    $('.next', $container).click(nextPane);
    $('.prev', $container).click(prevPane);

}


slide('.grid-container.one');
slide('.grid-container.two');
slide('.grid-container.three');

Answer 1

您需要像這樣比較寬度-FIDDLE

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();
        }
    }