1

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

谢谢您的帮助。

4

1 回答 1

0

我不确定我是否真的明白,但你会这样吗?

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

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

于 2013-04-03T12:38:00.717 回答