JQuery nicht aktualisiert css Onclick

Question

Ich habe ein JQuery Problem heute hier ist der Code-Dump uns

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

beginnen dieser Code Was tut bewegen Breite der Benutzer Seite 100% auf die% nach links oder 100 auf der rechten Seite. Wenn ich auf eine Schaltfläche mit dem Klassennamen 'right' klicke, funktioniert alles ganz gut, aber wenn ich auf den Klassennamen 'left' klicke, wird es in der Konsole angezeigt, aber es verschiebt die Seite nicht, es braucht mich Drücken Sie eine andere Taste, bevor es aktualisiert wird.

Answer 1

Entfernen Sie einfach ; aus dieser Zeile:

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

---

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