Question

好吧，我正在尝试做的是让iframe中的applet显示，因为我将样式设置为display：none for applet，iframe始终显示，iframe在弹出窗口内，这个弹出窗口用javascript调用，我想做的是当用户调用弹出窗口时它也会显示applet，然后当他们关闭弹出窗口时它会使applet消失，这是我尝试过的

它调用弹出窗口，一切正常，它显示iframe，但在iframe内部，applet显示设置为none，我需要让它在调用弹出窗口时显示applet，

    <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的情况下显示applet，但是我需要iframe导致applet从我网站上的某些ajax功能中闪烁，iframe会停止闪烁。

Answer 1

..样式设置为小程序的display:none

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

此值会导致元素在文档中不显示。 ..

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

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

javascript取消隐藏iframe中的applet

1 个答案: