jQuery transformがchromeで効かない

Question

jQuery3.2.1の.cssメソッドで、Forefoxでは以下のコードで指定要素が縮小されますが、
Chromeでは縮小が起こりません。

これはなぜでしょうか？
ググってもそれらしき情報は出てこないので……何かが間違っていると思うのですが、web consoleに特にエラーも出ていないので行き詰まってしまいました。

ご存知の方がいらっしゃいましたら、ご教示いただけますと幸いです。

$('.class').css({'transform': 'scale('+ scale_x +')'});

Comments

[Lhankor_Mhy]

Chromeで scale_x = 0.5; $('body').css({'transform': 'scale('+ scale_x +')'}); を試したところ、動作しました。問題が再現しませんので、ここに書かれていないコードが原因かと思います。

[nnahito]

別環境で試すとたしかにChromeでもCSSが適応されました。別部分が問題なようですね。一度クローズいたします。ありがとうございます

Answer 1

$('.class').css({'transform': 'scale('+ scale_x +')'});

「scale_x」次第じゃないですかね？

ためしにそのスクリプトを無効にして
以下スタイルシートが動くか試してみてはどうでしょう？

.class{transform:scale(0.5)};

Comments

[nnahito]

こちら動きます。
色々実験してみたところ、

$('.class').css({'transform': 'scale(0.5)'});
のように、実数値を当てるとうまくCSSが当たるのですが、

$('.class').css({'transform': 'scale('+ scale_x +')'});
のように、変数をなかんい入れると動かなくなりました……

[yambejp]

であれば、以下のような処理でいけませんか？

$('.class').css({'transform': 'scale('+ scale_x.toString() +')'});

[nnahito]

ご返信ありがとうございます。

いただきましたコードを試してみましたが、やはりFirefoxでは動作して、Chromeでは動作しませんでした……

[nnahito]

申し訳ございません。
別のダミーHTMLで試してみたところ、Chromeせも正常動作が確認できました。

別部分が問題なようなので、クローズさせていただきます。
申し訳ございませんでした。