無法從iframe調用父函數

我試圖在iframe內調用2個函數setListener();和addNewBox();。無法從iframe調用父函數

我到處尋找，並嘗試了一切，我無法得到它的工作。

我沒有權限訪問父項的頭部，因爲它是通過PHP需求在塊中構建的。

這是父文件外觀的粗略模型。

<head> 
<?php require "head.html" ?> 
</head> 
<body> 
<?php require "content.html" ?> 
</body>

content.html樣機：

<!-- a bunch of boring divs --> 
<iframe src="image_editor.html"></iframe> 
<script> /* random ajax */ </script> 
<script> 
$(document).ready(function(e) { 
    //init 
    setListener(); 
    addNewBox(); 

    function setListener() 
    { 
      //MAGIC HAPPENS 
     } 

     function addNewBox() 
    { 
      //GREATER MAGIC HAPPENS 
     } 
} 
</script>

image_editor.html樣機：

<body> 
<form id="image_form"> 
<input type="submit" value="Submit"/> 
</form> 
<script> 
$(document).ready(function(e) { 
    $("#image_form").submit(function(e) { 
      //MAGIC HAPPENS HERE 

      //re-adds listeners 
      window.parent.addNewBox(); 
      window.parent.setListener(); 
     } 
</script> 
</body>

我已經嘗試每一個解決方案，我可以在網上找的，從使用上面，再聲明在公共格式中的父函數（window.myFunction = function（）{};）。

我將不勝感激任何意見。

感謝

UPDATE：一些調試後，它似乎調用不工作的原因是因爲他們執行前停止一行。不知何故這行「$（」。new「，window.parent.document）.remove（）;」打破了一切。我現在必須找出那一個。我感謝你的幫助。

來源

2013-06-11 Nikita240

看看我的答案！ –

發生這種情況至少是因爲setListener()和addNewBox()不在window.parent的全局範圍內。要解決此問題，您需要將其移出$(document).ready(function(e) {...}())。

來源

2013-06-11 14:47:41 Teemu

我試過了。只是沒有成功試圖再次:( – Nikita240

任何錯誤控制檯？ – Teemu

不，沒有被涉及。 – Nikita240

這是因爲他們在$(document).ready(function(){});

你能解決這個問題是這樣的：

$(window.parent).bind(setListener); 
$(window.parent).bind(addNewBox);

希望它能幫助！

來源

2013-06-11 14:53:06

沒有工作：（ – Nikita240

控制檯中的任何錯誤？ –

無法從iframe調用父函數

回答

相關問題