Показать DIV только при загрузке страницы iframe

Question

У меня есть страница iframe в DIV, и я хочу, чтобы DIV отображался только после загрузки/доступности страницы iframe. Если страница iframe не загружается/недоступна, не показывайте ее вообще.

Я написал несколько JS, но он не работает, как я ожидал, DIV все еще отображается независимо от того, доступна ли страница iframe или нет.

Код:

<div class="ad-container" style="display:none"> 
    <iframe src="//oonagi.org" border="0" scrolling="no" allowtransparency="true" width="500" height="300"></iframe> 
</div> 

var adContainer = $('.ad-container'); 
// check if ad container exist 
if(adContainer.length > 0) { 
    // only show ad once iframe page is loaded 
    adContainer.find('iframe').load(function() { 
    adContainer.css('display', 'block'); 
    }); 
} 

Answer 1

вы должны изменить IFrame SRC на document.ready заказовМои сделать это огонь event.you вашей IFrame полезной нагрузки можно попробовать следующее:

$(document).ready(function() { 

    $('#frame').bind('load', function() { //binds the event 
     $('#ad-container').show(); 
    }); 

    var newSrc = $('#frame').attr('src') + '?c=' + Math.random(); //force new URL 
    $('#frame').attr('src', newSrc); //changing the src triggers the load event 

});