みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

jQuery3からwidth()、hight()の挙動が変わっとる! 😲

jQuery2.Xで開発していたものを3に切り替えたら挙動が変わって、なんでだろうと思ったていたら、
width()、hight()の挙動が変わったことが原因でした。

github.com

#box {
  width: 100px; height: 100px;
  transform: scale(.5);
}

というDOMに対して、いままでだったら、

var w = $("#box").width(); => // 100

だったのに、

3からは、

var w = $("#box").width(); => // 50(scaleが計算される)

となったようです。

3でもtransform適用前の値が欲しい場合は、

var w = $("#box")[0].offsetWidth; => // 100

とすればOKです。




https://twitter.com/ki_230/status/651331561338441729

ツイッターやってます!