javascript - 显示最初隐藏的 iframe

Question

我在页脚中加载注册页面作为隐藏的 iframe(内部显示:无 div)。

include(/login/pages/register.php') 

单击“注册”按钮时 - 应该会出现注册表单(但实际上并没有)。问题是 - iframe 在 BODY Load 上初始化( 标签内的 onload="RegStartup.init(config)")。由于注册页面托管在远程服务器上，我无法更改任何内容。我找到的唯一解决方案是在单击“注册”按钮时重新加载 iframe:

$('.register').click( function (){

        // reloading frame to trigger init
        $( '#reg_iframe' ).attr( 'src', function ( i, val ) { return val; });

        $('.reg_overlay').fadeIn(666);
        $('#auth_popup').fadeIn(666);



    });

这可行，但解决方案相当丑陋。我还能如何使它正常工作？

附加信息；此问题仅在 Firefox 中出现。 Chrome、IE - 工作正常。

Answer 1

很明显，iframe 没有显示的主要原因是 display: none; 所以 - 任何其他隐藏 iframe 然后显示它的方法都可以正常工作。例如:

1. 使用 visibility: hidden; 而不是 display: none; 或
2. 设置 iframe 的零高度(height: 0%)并在点击时将其设置为 100%(或 100vh)

或者使用上面显示的初始解决方案。