jQuery 脚本阻止 HTML 在 Woocommerce 主题中加载答案

【问题标题】：JQuery script blocking HTML from loading in Woocommerce themejQuery 脚本阻止 HTML 在 Woocommerce 主题中加载
【发布时间】：2021-07-30 14:45:38
【问题描述】：

在我们的 Woocommerce 主题中，我们有一段代码似乎在分配一个带有 setTimeout 逻辑的 html 类，然后才能让 HTML 变得可见：

$( function(){
            blockshop.init();
            setTimeout(
                function(){
                    $( "html" ).addClass( "page-loaded" )
                    $( '.shop-header-wrapper' ).addClass( 'visible' )
                },
                50
            );

显然，从 SEO 的角度来看，这可能并不理想，而且它对我们的 DOM 产生了相当大的影响。

是否有另一种方法来应用这个“HTML”类，以便在不使用 jQuery 的情况下显示 HTML（或者至少使用更好的方法？）这是一个购买的主题，因此我们正在寻求调整它，如果可能的话。

如果我更改脚本以在 (document).ready 上应用该函数，HTML 似乎加载速度更快，但会影响链中其他前面的 JQuery，从而破坏站点。

【问题讨论】：

有更好的方法可以直接在 php.ini 中向 body 添加一个类。不需要js。

标签： javascript html jquery woocommerce

【解决方案1】：

您可能在启用 ssl 的站点上设置了 http 引用而不是 https。另外请提供 chrome 上控制台选项卡的屏幕截图，以便我们查看问题所在

【讨论】：

感谢您的回复 - 我们能够用一些简单的 CSS 覆盖脚本，这迫使 HTML 类保持可见。