jQuery Tab画像の高さ

Question

jQuery UIを使用して、タブ機能を使用して3つのタブレイアウトを作成しています。タブのテキストを表す< li>要素のそれぞれにテキストがある場合、すべてがうまくいきます。タブの1つに小さなアイコンが表示されていると便利です。このアイコンは、タブの機能を明確にするために作成されたもので、3つのタブのうちの1つだけです。

次のようにI画像を追加するラインアイテム内：

<li> 
    <a href="#stats"> <img src="Images/image.gif" style="border-style: none" />Tab Title</a> 
</li> 

それは小さな16pxに背の高い画像です。画像はうまく描画されますが、タブの下端とコンテンツの上端の間隔が狭くなります。画像がなければ、画像を追加するとすぐに少し離れてしまいます。

jQueryに最大タブ高さのサイズを知ってもらう方法はありますか？すべてが一致し、すべてのタブを視覚的に分けることができますか？

ありがとうございました。

Answer 1

イメージをfloat: leftまたはposition: absoluteにして、レイアウトに影響を与えないようにします。

Answer 2

それは、各リチウムをループすることが可能であると

var max_height = 0 
$('ul.tabs li').each(function() { 
    if ($(this).height() > max_height) max_height = $(this).height(); 
}); 

を使用して、それの高さを取得します