Проблема с iframe в JQuery UI

Question

Я разработал iframe для веб-панели управления для нашей благотворительной организации, которая вызывает у меня некоторые проблемы с пользовательским интерфейсом jQuery.

На самом 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 вызывает один за другим, чтобы посмотреть, нужен ли один из них - но это мне не помогло.

Answer 1

Проблема в том, что страница требует, чтобы она была в фрейме.Я заметил, что каждый раз, когда вкладка выбрана, она вызывает следующую функцию:

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.

Попробуйте добавить тестовый для пустого оператора if в эту функцию, которая обрабатывает несуществование iframe, и я подозреваю, что этозаставит остальную часть вашей страницы работать как задумано.

Надеюсь, это поможет.