Answer the question
In order to leave comments, you need to log in
When adding a menu, a dropdown menu item in Bootstrap 4, jquery errors appeared. How to fix?
I am building a website, at first there was an HTML template, now in the process of stretching it on WP. During the stretch on the CMS, an intermediate task appeared from the customer, to make one of the menu items drop-down. I started doing everything as usual, in the navbar menu I added one drop-down menu item. After that, an error related to jquery appeared in the console. In fact, everything works as intended, there are no problems. But the red console haunts. I can't figure out what's wrong. Error text in spoiler:
<nav class="navbar navbar-expand-lg navbar-dark justify-content-center">
<a class="navbar-brand" href="<?php echo home_url(); ?>"><img src="<?php bloginfo('template_url') ?>/img/logotype.png" class="img-fluid"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar1">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Advantages<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown1">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Promo materials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ways to attract</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contacts</a>
</li>
<li class="nav-item">
<a class="nav-link log-a" href="#"><i class="fas fa-sign-in-alt"></i> Log in </a>
</li>
<li class="nav-item">
<a class="nav-link reg-a" href="#"><i class="fas fa-user-plus"></i> Register </a>
</li>
</ul>
</div>
</nav>
<?php
/*Подключение скриптов и стилей*/
function style_script() {
wp_enqueue_style( 'bootstrap.min.css', get_template_directory_uri() . '/css/bootstrap.min.css');
wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css');
wp_enqueue_style( 'animate.min', get_template_directory_uri() . '/css/animatecss/animate.min.css');
wp_enqueue_script( 'jquery-3.4.1.min', get_template_directory_uri() . '/js/jquery-3.4.1.min.js');
wp_enqueue_script( 'bootstrap.min', get_template_directory_uri() . '/js/bootstrap.min.js');
wp_enqueue_script( 'lowdown', get_template_directory_uri() . '/js/lowdown.js');
wp_enqueue_script( 'wow.min', get_template_directory_uri() . '/js/wow.min.js');
}
add_action('wp_enqueue_scripts', 'style_script');
/*Header-menu*/
register_nav_menu('menu', 'Header Menu');
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question