は、テキストのみの1行がある場合

Question

は私が最初のスライドボックスで、ここにhttp://jsfiddle.net/dFfJm/

働いているコードを更新したテキストに等しい高さを設定するためにjQueryのスライドボックススクリプトにいくつかの助けが必要。 2番目のボックスには3行のテキストがあります。

あなたはそれが正しく表示されません見ることができるように、ボックス内の大規模な空のスライド領域がある1

私の質問は、デフォルトでは、それが1行を示す維持する方法であるとするとき、ユーザは摺動部の意志を置きましたタイトルの長さの高さですか？

ありがとうございます。

Answer 1

使用

$(myElement).height() 

あなたのキャプションテキストの動的な幅を見つけて、このようにそれを使用するには：

$(".cover", this).stop().animate({ 
    top: 240-$(this).find('h3').height() + 'px' 
} 

jsFiddle example。黒い境界線はテキストの終端にも到達しませんが、jQuery .height()は完全に正しいことに注意してください。私はjsFiddleにそれを実証するためのテキストを入れたボックスを追加しました。