Question

如何阻止我的滑块继续滚动？它与偏移有关吗？我无法弄明白。任何帮助非常感谢。

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) { 它工作正常

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

1 个答案: