jQuery 调整大小事件处理程序不适用于 DIV

Question

我试图让一个分隔线在另一个分隔线因内容加载而调整大小时调整大小。当我将调整大小事件处理程序绑定(bind)到加载内容的分隔线时，当它被加载并且分隔线拉伸(stretch)以适应它时，该事件永远不会被调用。这是因为没有通过 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();
});

感谢您的帮助。

Answer 1

我不确定我是否真的理解，但你会这样吗？

$("button").click(function(){
   $(".content").slideToggle(1500 , function(){
      $(".other_container").fadeIn();
   });
});

示例链接 http://jsfiddle.net/q2pJ9/6/