2014-02-15 28 views
0

好吧我正在嘗試做的是讓iframe中的小程序顯示爲displyed,因爲我的樣式設置爲顯示:無小程序,iframe在任何時候顯示,iframe是在一個彈出窗口內,這個彈出窗口是用javascript調用的,我想要做的是當用戶調用彈出窗口時它也會顯示小程序,然後當它們關閉彈出窗口時,它使得applet消失,這裏是什麼嘗試javascript取消隱藏iframe中的小程序

它會調用彈出,一切正常,它顯示的iframe,但裏面該iframe那裏有顯示器設置爲none小程序,我需要它顯示的小程序,當他們打電話彈出,

<script> 
$(document).ready(function() { 
    $('.playhighpopup').each(function() { 
     var hiddenSection = $('section.hiddenplay_high'); 
     var hiddenapplet = $('section.hiddenplay_high.iframe.applet'); 
       hiddenapplet.show(); 
       hiddenSection.fadeIn(1000) 
        // unhide section.hidden 
        .css({ 'display':'block' }) 
        // set to full screen 
        .css({ width: $(window).width() + 'px', height: $(window).height() + 'px' }) 
        .css({ top:($(window).height() - hiddenSection.height())/2 + 'px', 
         left:($(window).width() - hiddenSection.width())/2 + 'px' }) 
        // greyed out background 
        .css({ 'background-color': 'rgba(0,0,0,0.7)' }) 
        .appendTo('body'); 
        $('span.close').click(function(){ $(hiddenSection).fadeOut(1000); $('applet').hide(); }); 

    }); 
}); 
</script> 

我可以在沒有iframe的情況下顯示小程序,但是我需要iframe,導致applet從我網站上的某些ajax功能中閃爍,iframe停止閃爍。

+0

試試這個,hiddenapplet.css(「visibility」,'visible'); –

回答

1

..style設置爲display:none該applet

這是最有可能的問題。 According to the W3C

此值使的元素在文件中不會出現。 ..

通常,這意味着它根本不包含在DOM中。

visibility: hiddencollapse來代替它。見more on visibility