检测动画从父iframe的完整

Question

我有以下代码：

主要HTML文档

$(function(){    
    $("#i").load(function(){ 
     var $iframeContents = $(this).contents(), 
      $a = $iframeContents.find('#click-me'),   
      $box = $iframeContents.find('#box');   

     $a.click(function(){ 
     $("#i").animate({height: $box.height(), width: $box.width()}) 
     });     
    });  
    });   
<iframe id="i" src='in-frame.html'></iframe>  

IFRAME文档

<h1><a id="click-me" href="#">Click Me</a></h1> 
    <div id="box"> 
    </div>                             
    <script> 
    $(function(){       
    $("#click-me").click(function(){ 
     $("#box").animate({height: "400px", width: "400px"}); 
    }); 
    }) 
    </script>  

在中，frame.html文件有js动画#box股利。我想等到动画完成之后致电$("#i").animate({height: $box.height(), width: $box.width()})

我觉得我应该以某种方式倾听事件，但我不确定如何做到这一点。

注：这些都是在同一个域。

Answer 1

.animate（属性[，持续时间] [，缓和] [，完整]）

属性：CSS特性的图，该动画将移动 朝向。

持续时间：一个字符串或数字决定动画多久将 运行。

缓解：一个字符串指示哪个缓和功能以用于 过渡。

完成：调用的函数，一旦动画完成。

来源：

使用一个回调函数。这里