的iFrame jQuery的調用父jQuery函數

Question

• 我如何在jQuery的一個iFrame調用父一個jQuery功能？

這裏是代碼的iFrame

<script> 
    $(document).ready(function(){ 

     $("#Hey").click(function() 
     { 

      parent.WorkPlease(); // does not work 
        window.parent.WorkPlease(); // also does not work 
        // Both hosted on same domain 

     }); 
    }); 
</script> 

這裏是jQuery的託管的iFrame

<script type="text/javascript"> 
$(document).ready(function(){ 

    function WorkPlease() 
    { 
$('html,body').animate({scrollTop: $("#iFrame").offset().top}, 5000);// 
    } 
}); 
</script> 

Answer 1

您可以從iframe訪問父的DOM父頁面上，但在同一個域內。這似乎是你的情況。

與您的代碼的問題是，workPlease函數定義爲你傳遞給documentready事件處理匿名函數的局部變量，而不是目的本身父頁面的window對象。

嘗試：

$(document).ready(function(){ 

    window.workPlease = function() 
    { 
     $('html,body').animate({scrollTop: $("#iFrame").offset().top}, 5000);// 
    } 
});