Javascript 如何正确链接wordpress主题下的引导脚本?

Javascript 如何正确链接wordpress主题下的引导脚本?,javascript,html,css,wordpress,twitter-bootstrap,Javascript,Html,Css,Wordpress,Twitter Bootstrap,我正在使用Bootstrap5创建一个WP主题,我遇到了一个无法解决的问题。我想把引导文件直接放到主题文件中。我已经用.css文件成功地完成了这项工作,但是.js文件有问题。你们是否知道我做错了什么,比如navbar-toggler之类的元素不起作用?通过使用CDN在主题中包含js文件,一切都可以正常工作。当我手动操作时,它不再工作 下面是我的functions.php文件的摘录: function imago_theme_scripts() { wp_enqueue_style( 'g

我正在使用Bootstrap5创建一个WP主题,我遇到了一个无法解决的问题。我想把引导文件直接放到主题文件中。我已经用
.css
文件成功地完成了这项工作,但是
.js
文件有问题。你们是否知道我做错了什么,比如
navbar-toggler
之类的元素不起作用?通过使用CDN在主题中包含js文件
,一切都可以正常工作。当我手动操作时,它不再工作

下面是我的
functions.php
文件的摘录:

function imago_theme_scripts() {
    wp_enqueue_style( 'google-fonts', 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap" rel="stylesheet', array(), null );

    wp_enqueue_style( 'imago-theme-style', get_stylesheet_uri(), array('imago-bootstrap-css'), '1.0.0' );

    wp_style_add_data( 'imago-theme-style', 'rtl', 'replace' );

    wp_enqueue_script( 'imago-bootstrap-popper', 'https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js', array(), null, true );

    wp_enqueue_script( 'imago-bootstrap-js', get_template_directory_uri() . '/assets/bootstrap/js/bootstrap.min.js', array(), null, true );

    //wp_enqueue_script( 'imago-bootstrap-js', 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/js/bootstrap.bundle.min.js', array(), null, true );

}
add_action( 'wp_enqueue_scripts', 'imago_theme_scripts' );
我仍然尝试通过以下方式替换
popper.min.js
bootstrap.min.js
脚本:
wp_enqueue_脚本('imago bootstrap js',get_template_directory_uri()。/assets/bootstrap/js/bootstrap.bundle.min.js',array(),null,true),但不幸的是,这也不会改变任何事情。移动版本中的导航仍然无法工作

目录结构被正确保留。 在第一个配置中,您可以看到根据文档说明,在bootstrap.min.js文件之前插入了'popper.min.js'文件


它们可能不起作用,因为您没有将jQuery包含到依赖项中

wp_enqueue_script( 'imago-bootstrap-js', get_template_directory_uri() . '/assets/bootstrap/js/bootstrap.min.js', array('jquery'), null, true );
除此之外,它们正在加载,您的导航控制台指示。。。控制台中是否有任何错误