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