檢測動畫從父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特性的圖，該動畫將移動 朝向。

持續時間：一個字符串或數字決定動畫多久將 運行。

緩解：一個字符串指示哪個緩和功能以用於 過渡。

完成：調用的函數，一旦動畫完成。

來源：

使用一個回調函數。這裏