鶏口牛後な日々

心の赴くまま、やりたいことを仕事に。

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

基本は、

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

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

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


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


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