JQuery UI iframe問題

我爲我們的慈善組織開發了一個web儀表板的iframe，它給了我一些jQuery UI的問題。JQuery UI iframe問題

在實際的iframe上，標籤和手風琴沒有按預期運行。在頁面頂部，你會看到一對夫婦，但你實際上不能從一個轉到另一個。 http://www.thegaiaproject.ca/charts/realtime-iframe.php?location=18

奇怪的是，只要iframe加載到我們的drupal站點中，iframe就可以完美運行。 http://www.thegaiaproject.ca/data/realtime-test?location=18

不幸的是，當iframe加載到另一個組織Wordpress站點時，也不能這麼說。

任何想法？我一直在試圖調試這個小時。我已經嘗試加載所有的drupal一次一個調用的外部腳本來查看它們中的一個是否有必要 - 但這並沒有幫助我。

來源

2012-01-30 bpmccain

問題是頁面需要自己在iframe中。我注意到一個標籤被選中每次，它調用下面的函數：

function sizeFrame() { 
    var F = window.parent.document.getElementById("realtime-dashboard"); 
    if(F.contentDocument) { 
     F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome 
    } 
    else { 
     F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome 
    }  
}

在執行此功能，它在尋找一個父文檔（其中有沒有），並引發錯誤F is null，我（在Firefox的錯誤控制檯），然後跳過其餘的JavaScript。

試着將test-for-null if語句放入處理iframe不存在的函數中，並且我懷疑它會導致頁面的其餘部分按預期工作。

希望它有幫助。

來源

2012-01-30 19:57:18

謝謝！這似乎已經做到了。我在調試時想到了這一點，但我不明白這是怎麼解釋爲什麼它不能在我的客戶端WordPress網站上作爲iframe工作 - 仍然不確定，但它的工作原理！ – bpmccain 2012-01-30 20:26:57

JQuery UI iframe問題

回答

相關問題