javascript - Jquery Slider继续滚动右键单击下一步

Question

如何停止我的 slider 继续滚动？它与偏移量有关吗？ 我想不通。 非常感谢任何帮助。

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

jsFiddle

Answer 1

使用

var width = $('.item').width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));

代替 $container.width() 在 var nextPane = function (e) { 和 var prevPane = function (e) { 而且效果很好