Wie benutzt man die Variable auf der translate3d Funktion?

Question

Ich arbeite gerade an meinem Portfolio, ich habe eine Funktion namens translate3d (0,10px, 0) in Javascript. Meine Frage ist, was passiert, wenn ich statt 10px Variable auslassen möchte, um hartes Kordeln zu vermeiden, wie würde ich das tun? Ich habe translate3d (0, a, 0) ausprobiert, wobei a in einer Variablen mit einem Wert von 10px angenommen wurde. 10px ";), aber es hat keine Änderungen an der Seite und auch keine Fehler in der Konsole gesehen. Danke im Voraus.

// This is how the function looks like 
function levelBox(){ 
    setTimeout(function(){ 
    e1.style.webkitTransitionDuration = "1s"; 
    e1.style.webkitTransitionTimingFunction = "ease-out"; 
    e1.style.webkitTransform = "translate3d(0, 'a', 0)"; 
}, 0); 
} 

Answer 1

Sie passieren translate3d Funktion als String webkitTransform und sogar a

versuchen diese

function levelBox(){ 
    setTimeout(function() { 
    var a = "10px"; 
    var value = translate3d(0, a, 0); 
    e1.style.webkitTransitionDuration = "1s"; 
    e1.style.webkitTransitionTimingFunction = "ease-out"; 
    e1.style.webkitTransform = value; 
    }, 0); 
} 

Answer 2

es wie folgt vorgehen:

function levelBox(_x, _y, _z){ 
    setTimeout(function(){ 
    e1.style.webkitTransitionDuration = "1s"; 
    e1.style.webkitTransitionTimingFunction = "ease-out"; 
    e1.style.webkitTransform = "translate3d("+_x+"px, "+_y+"px, "+_z+"px)"; 
}, 0); 
}