鶏口牛後な日々

魔法使い(なんでも作れるエンジニア)を目指してます。ブログは発散中

jQueryのwidthメソッドで表示画像の幅をとるときの注意点

基本は、

$('セレクタ').width();

で良いはずなのですが、これだとwidthもheightも0になってしまいました。
そこで調べたところ、画像は「読み込んでから」widthを取らないと、0になってしまうみたいです。

なので、以下のようにするのが注意する点です。


$('セレクタ').on('load', function() {
  $(this).height();
  $(this).width();
});


これでできるようになりました。