Question

我在页面的侧中，在页面之间获得了我的顶部导航栏。作为一名新程序员，我一直在寻找一个简单的解决方案，并尝试将解决方案从How do I eliminate FOUC with Ruby on Rails?插入到我的app / views / layouts / application.html.haml文件中，所以现在该文件的标题部分如下所示：

!!! 5
%html
%head
%title Title
= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
= javascript_include_tag 'application', 'data-turbolinks-track' => true
= csrf_meta_tags
%link{:rel => "stylesheet", :href =>  "//opensource.keycdn.com/fontawesome/4.6.1/font-awesome.min.css"}/
= csrf_meta_tags
:css
    .fouc { display:none; }
:javascript
    try {
        var html=document.getElementByName("html");
        document.addEventListener("DOMContentLoaded", function(event) { html.class=""; });
                html.class="fouc";
        } catch() {}

但这并没有解决问题。谁能让我走上正轨？（在我的研究中，似乎其他解决方案因在所有情况下都不起作用而受到批评。）这真的摧毁了一个非常棒的项目 - 我希望有人可以提供帮助！

编辑：FOUC正在Chrome上发生，但不在MS-Edge上发生。

Rails - 无格式内容的闪存（FOUC）

0 个答案: