Javascript 如何正确链接wordpress主题下的引导脚本?
我正在使用Bootstrap5创建一个WP主题,我遇到了一个无法解决的问题。我想把引导文件直接放到主题文件中。我已经用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
.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 );
除此之外,它们正在加载,您的导航控制台指示。。。控制台中是否有任何错误