Jquery 个功能（文件加载）按顺序

Question

我正在使用下面的代码在页面加载时按顺序加载文件。但是我得到了

$ is not a function

最后一个文件“scripts.js”出错。换句话说，jquery 和 bootstrap 文件总是正确加载，但最后一个文件（我的自定义脚本）显示错误并且没有自定义的作品。我在做什么？感谢您的帮助:)

<script type="text/javascript">
function chamajquery() {
    var element = document.createElement("script");
    element.src = "<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/jquery-3.6.0.min.js";
    document.body.appendChild(element);
    chamabootstrap();
}
function chamabootstrap() {
    var element2 = document.createElement("script");
    element2.src = "<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/bootstrap.bundle.min.js";
    document.body.appendChild(element2);
    chamascriptsmanuais();
}
function chamascriptsmanuais() {
    var element3 = document.createElement("script");
    element3.src = "<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/scripts.js";
    document.body.appendChild(element3);
}
window.addEventListener("load", chamajquery);

Answer 1

我希望脚本附加到头部而不是主体
您的问题可能是时间问题
为什么要用这种绕口令？如果您想让页面加载速度更快，只需在 </body> 标签

<script src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/jquery-3.6.0.min.js"></script>
<script src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/scripts.js"></script>
</body>

使用onload的替代方案（可以改为addEventListener）

<script type="text/javascript">
function chamajquery() {
    const element1 = document.createElement("script");
    element1.onload=chamabootstrap;
    element1.src1 = "<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/jquery-3.6.0.min.js";
    document.querySelector("head").appendChild(element1);
}
function chamabootstrap() {
    const element2 = document.createElement("script");
    element2.onload=chamascriptsmanuais;
    element2.src = "<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/bootstrap.bundle.min.js";
    document.querySelector("head").appendChild(element2);
}
function chamascriptsmanuais() {
    const element3 = document.createElement("script");
    element3.src = "<?php echo esc_url(get_template_directory_uri()); ?>/assets/js/scripts.js";
    document.querySelector("head").appendChild(element3);
}
window.addEventListener("load", chamajquery);

Jquery 个功能（文件加载）按顺序

Jquery functions (file loading) in order

jquery

load

script