Javascript在标头冲突错误中 - $未定义

Question

我有一个有趣的问题。我正在研究wordpress / woocommerce儿童主题。在标题中，我有javascript帮助创建加载叠加层，直到网页上的所有内容都加载，使用文档准备将类添加到叠加元素。

$(document).ready(function(){ document.getElementById("page-load").className = "loaded" });

由于我认为存在javascript / jQuery冲突，它无法正常工作。出于显而易见的原因，我在标题中需要这个脚本（asap加载），但是我无法控制主题中主要位于页脚中的其他脚本。

如何防止错误：

  

$未定义

Answer 1

如果等待文档加载，您可以尝试：

document.addEventListener("DOMContentLoaded", function() {
    document.getElementById("page-load").className = "loaded";
});