Javascript 将使用jQuery的Bootstrap5包含到WordPress中

Javascript 将使用jQuery的Bootstrap5包含到WordPress中,javascript,jquery,wordpress,bootstrap-5,Javascript,Jquery,Wordpress,Bootstrap 5,我正试着从Bootstrap4.6升级到Bootstrap5.0,进入我的WordPress主题。下面是我如何包含BS5、jQuery和一些自定义JS文件的 function add_theme_scripts() { wp_enqueue_style( 'style', get_template_directory_uri() . '/static/style.css'); wp_enqueue_script( 'bootstrap', get_template_direct

我正试着从Bootstrap4.6升级到Bootstrap5.0,进入我的WordPress主题。下面是我如何包含BS5、jQuery和一些自定义JS文件的

function add_theme_scripts() {
    wp_enqueue_style( 'style', get_template_directory_uri() . '/static/style.css');

    wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/static/js/bootstrap.bundle.min.js', array('jquery') );
    wp_enqueue_script( 'script', get_template_directory_uri() . '/static/js/min/build.min.js', array() );
        }
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );
以下是我在单独文件中启动jQuery的方式:

jQuery( document ).ready( function( $ ) {
    // Do Something;
}); 
  • 只要我使用的是BS4.6,一切都很好,但自从我升级到BS5后,手风琴组件就不再工作了。只有禁用jQuery,它才能工作
  • 我没有收到任何控制台错误
  • 我已根据新文档更新了所有BS组件。事实上,除了一个,所有的都能工作
  • 我知道BS5在Vanilla JS中工作得更好,但现在我需要BS5和jQuery

你知道如何实现这一目标吗?谢谢。

我肯定你知道这一行末尾有一个打字错误:

wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/static/js/bootstrap.bundle.min.js', array('jquery) );
但为了以防万一,更正是:

wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/static/js/bootstrap.bundle.min.js', array('jquery') );

谢谢,我知道了…真正的代码中没有输入错误一个快速而肮脏的测试是在head部分而不是footer部分加载你的
bootstrap.bundle.min.js
。我知道这很奇怪,但它确实发生了。有时,一些组件需要立即使用javascript文件才能正常工作。尝试以下操作:
wp\u enqueue\u脚本('bootstrap',get\u template\u directory\u uri()。/static/js/bootstrap.bundle.min.js',array('jquery'),“5.1”,false)。请注意排队结束时的
false
。@Ruvee…谢谢你的建议。我试过了,但不幸的是没有成功。如果我加载未缩小的js
wp_enqueue_脚本('script',get_template_directory_uri()。/static/js/index.js',array()),它就会工作非常奇怪。