Popper已加载,但无法使用Wordpress上的bootstrap 4
我在Wordpress上使用带Bootstrap4的Popper,并且有DataTables和Navwalker。我的下拉菜单和汉堡包坏了。Popper正在加载,但我怀疑css和js文件的顺序可能是问题所在。有什么想法吗。这是我正在加载的内容Popper已加载,但无法使用Wordpress上的bootstrap 4,wordpress,datatables,popper.js,wp-nav-walker,Wordpress,Datatables,Popper.js,Wp Nav Walker,我在Wordpress上使用带Bootstrap4的Popper,并且有DataTables和Navwalker。我的下拉菜单和汉堡包坏了。Popper正在加载,但我怀疑css和js文件的顺序可能是问题所在。有什么想法吗。这是我正在加载的内容 <?php function load_stylesheets() { wp_enqueue_style( 'bootstrap', get_template_directory_uri().'/css/bootstrap.min.css'
<?php
function load_stylesheets()
{
wp_enqueue_style( 'bootstrap', get_template_directory_uri().'/css/bootstrap.min.css', array(), false,'all');
wp_enqueue_style( 'datatables-bootstrap4-css', '/DataTables/DataTables-1.10.20/css/dataTables.bootstrap4.min.css');
wp_enqueue_style( 'datatables-responsive-css', '/DataTables/Responsive-2.2.3/css/responsive.bootstrap4.min.css');
wp_enqueue_style( 'datatables-buttons', '/DataTables/Buttons-1.6.1/css/buttons.dataTables.min.css');
wp_enqueue_style( 'style', get_template_directory_uri().'/style.css', array(), false,'all');
}
add_action('wp_enqueue_scripts', 'load_stylesheets');
function include_scripts()
{
wp_deregister_script('jquery');
wp_enqueue_script( 'jquery', get_template_directory_uri().'/js/jquery-3.4.1.min.js', '', 1, false);
wp_enqueue_script('popper', get_template_directory_uri().'/js/popper.min.js', '', 1, false);
wp_enqueue_script( 'datatables-jquery', '/DataTables/DataTables-1.10.20/js/jquery.dataTables.min.js','', 1, false);
wp_enqueue_script( 'datatables-bootstrap4', '/DataTables/DataTables-1.10.20/js/dataTables.bootstrap4.min.js','', 1, false);
wp_enqueue_script( 'datatables-responsive-js', '/DataTables/Responsive-2.2.3/js/dataTables.responsive.min.js','', 1, false);
wp_enqueue_script( 'datatables-responsive-bootstrap4-js', '/DataTables/Responsive-2.2.3/js/responsive.bootstrap4.min.js','', 1, false);
wp_enqueue_script( 'datatables-buttons-js', '/DataTables/Buttons-1.6.1/js/dataTables.buttons.min.js','', 1, false);
}
add_action( 'wp_enqueue_scripts', 'include_scripts' );
add_theme_support('menus');
/**
* Register Custom Navigation Walker
*/
function register_navwalker(){
require_once get_template_directory() . '/class-wp-bootstrap-navwalker.php';
}
add_action( 'after_setup_theme', 'register_navwalker' );
register_nav_menus(
array(
'top-menu' => __('Top Menu', 'theme'),
'footer-menu' => __('Footer Menu', 'theme'),
)
);
?>
已解决。bootstrap.min.js在popper之后丢失
wp_deregister_script('jquery');
wp_enqueue_script( 'jquery', get_template_directory_uri().'/js/jquery-3.4.1.min.js');
wp_enqueue_script('popper', get_template_directory_uri().'/js/popper.min.js');
wp_enqueue_script( 'bootstrap', get_template_directory_uri().'/js/bootstrap.min.js');
wp_enqueue_script( 'datatables-jquery', '/DataTables/DataTables-1.10.20/js/jquery.dataTables.min.js');
wp_enqueue_script( 'datatables-bootstrap4', '/DataTables/DataTables-1.10.20/js/dataTables.bootstrap4.min.js');
wp_enqueue_script( 'datatables-responsive-js', '/DataTables/Responsive-2.2.3/js/dataTables.responsive.min.js');
wp_enqueue_script( 'datatables-responsive-bootstrap4-js', '/DataTables/Responsive-2.2.3/js/responsive.bootstrap4.min.js');
wp_enqueue_script( 'datatables-buttons-js', '/DataTables/Buttons-1.6.1/js/dataTables.buttons.min.js');