コンテンツが読み込まれているために別の仕切りのサイズが変更されたときに、仕切りのサイズを変更しようとしています。コンテンツをロードするディバイダーにサイズ変更イベント ハンドラーをバインドすると、コンテンツがロードされ、ディバイダーが収まるように引き伸ばされたときに、イベントが呼び出されることはありません。これは、CSS を介して仕切りに明示的な「高さ」プロパティが設定されていないためですか?
デモ用の JSFiddle を次に示します: http://jsfiddle.net/q2pJ9/1/
HTML:
<div class="container">
<button>Click me</button>
<div class="content"></div>
</div>
<div class="other_container">
<p>Will appear when "container" extends.</p>
</div>
CSS:
.content{
display:none;
height: 200px;
background: grey;
}
.other_container{
display: none;
}
Javascript:
$("button").click(function(){
$(".content").slideToggle();
});
$(".container").resize(function(){
$(".other_container").fadeIn();
});
助けてくれてありがとう。