Jquery没有更新css onclick

Question

我今天遇到了一个JQuery问题，这是启动我们的代码转储

$(function() {
    var distance = 0;
    $('.right').click(function() {
        distance -= 100;
        $('#container').css('transform', 'translateX(' + distance + '%)')
        console.log(distance);
    });
    $('.left').click(function() {
        distance += 100;
        $('#container').css('transform', 'translateX(' + distance + '%);')
        console.log(distance);
    });
});

此代码的作用是将用户页面的宽度向左移动100％或向右移动100％。当我点击一个类名为'right'的按钮时它可以正常工作，但是当我点击一个类名'left'时它会在控制台中显示它应该但它不会移动页面，它需要我在更新前按另一个按钮。

Answer 1

只需从此行中删除;：

$('#container').css('transform', 'translateX(' + distance + '%);')
//                                                             ^ Remove it

$('.left').click(function() {
    distance += 100;
    $('#container').css('transform', 'translateX(' + distance + '%)')
    console.log(distance);
});