Поппер загружен, но не работает с bootstrap 4 на Wordpress - PullRequest
Новая
       17

Поппер загружен, но не работает с bootstrap 4 на Wordpress

0 голосов
/ 20 января 2020

Я использую Popper с Bootstrap 4 на Wordpress и имею DataTables и Navwalker. Мое выпадающее меню и гамбургер не работают. Поппер загружается, но я подозреваю, что порядок файлов css и js может быть проблемой. Любые идеи, пожалуйста. Это то, что я загружаю. 

<?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'),
    )

);


?>

1 Ответ

0 голосов
/ 21 января 2020

решаемая. bootstrap .мин. js отсутствует после поппера. 

    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');
...