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