javascript 取消隐藏 iframe 内的小程序

Question

好吧，我想做的是让 iframe 内的小程序显示出来，因为我将样式设置为显示:小程序无，iframe 始终显示，iframe 位于弹出窗口内，这个弹出窗口也是用javascript调用的，我想做的是当用户调用弹出窗口时它也会显示小程序，然后当他们关闭弹出窗口时它会让小程序消失，这是我尝试过的

它调用弹出窗口，一切正常，它显示 iframe，但在该 iframe 内有小程序，显示设置为无，我需要让它在调用弹出窗口时显示小程序，

    <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，因为我网站上的一些 ajax 功能导致小程序闪烁，iframe 停止闪烁。

Answer 1

..style set to display:none for the applet

这很可能就是问题所在。 According to the W3C :

This value causes an element to not appear in the document. ..

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

尝试使用visibility:hidden或collapse。请参阅more on visibility .