jQuery css()で、transformの値に変数名を入れたい。

Question

質問です。
下記コードで、transformの値に変数toggleWidthの値を入れたいのですが、
そのまま変数名を入れることはできず、連結方法がわかりません。

どなたかアドバイスをいただけないでしょうか。
よろしくお願いいたします。

var toggleWidth = parseInt($nav.width());

$motionArea.css('transform', 'translateX(  px)');

Answer 1

$motionArea.css('transform', 'translateX(' + toggleWidth + 'px)');

【JavaScriptで文字列を操作する方法【初心者向け】 | TechAcademyマガジン】
https://techacademy.jp/magazine/5489#sec2

Comments

[no23h]

速攻のご回答ありがとうございました！

Answer 2

文字列連結で設定すればいいでしょう。(あと、$().width()は数値を取得するのでparseIntは不要)

$motionArea.css('transform', 'translateX(' + toggle  + 'px)');

Comments

[no23h]

速攻のご回答ありがとうございました！ParseIntのご指摘もありがとうございます！