jquery - min-width を使用した後の実際の幅の取得

Question

目標は、オブジェクトが min-width および min-height 規格に準拠した後にオブジェクトの幅を取得することです。

.myclass{
   min-width:100px;
   min-height:100px;
 }

元の画像は 100 x 50 で、ページに追加すると 200 x 100 になりました。ただし、jquery を使用して画像の幅を呼び出すと、結果は 100px (最小幅) になります。

var object_width = $('.myclass').width();

score 1 · Accepted Answer

要素の幅を確認する前に、画像が読み込まれるのを待つ必要があります。load画像のイベントに関数を添付することでこれを行うことができます。

$('img').load(function(){
   // Check the width of .myclass here
})

概念を証明する小さなjsfiddleの例を次に示します: http://jsfiddle.net/TjHY2/1/

1 に答える 1