error401
@error401

При добавлении в Bootstrap 4 — меню, выпадающего элемента меню, появились ошибки jquery. Как исправить?

Пилю сайт, сначала был HTML шаблон, сейчас в процессе натяжки на WP. Во время натяжки на CMS появилась промежуточная задача от заказчика, один из пунктов меню сделать выпадающим. Начал делать, всё как обычно, в navbar меню добавил один раскрывающийся итем меню. После этого в консоли появилась ошибка, связанная с jquery. Фактически всё работает как задумывалось, проблем нет. Но красная консоль не дает покоя. Не могу понять в чем дело. Текст ошибки в спойлере:

spoiler
jquery-3.4.1.min.js?ver=5.1.1:2 Uncaught Error: Syntax error, unrecognized expression: #
at Function.se.error (jquery-3.4.1.min.js?ver=5.1.1:2)
at se.tokenize (jquery-3.4.1.min.js?ver=5.1.1:2)
at se.select (jquery-3.4.1.min.js?ver=5.1.1:2)
at Function.se [as find] (jquery-3.4.1.min.js?ver=5.1.1:2)
at k.fn.init.find (jquery-3.4.1.min.js?ver=5.1.1:2)
at new k.fn.init (jquery-3.4.1.min.js?ver=5.1.1:2)
at k (jquery-3.4.1.min.js?ver=5.1.1:2)
at HTMLAnchorElement. (lowdown.js?ver=5.1.1:5)
at HTMLDivElement.dispatch (jquery-3.4.1.min.js?ver=5.1.1:2)
at HTMLDivElement.v.handle (jquery-3.4.1.min.js?ver=5.1.1:2)
se.error @ jquery-3.4.1.min.js?ver=5.1.1:2
se.tokenize @ jquery-3.4.1.min.js?ver=5.1.1:2
se.select @ jquery-3.4.1.min.js?ver=5.1.1:2
se @ jquery-3.4.1.min.js?ver=5.1.1:2
find @ jquery-3.4.1.min.js?ver=5.1.1:2
k.fn.init @ jquery-3.4.1.min.js?ver=5.1.1:2
k @ jquery-3.4.1.min.js?ver=5.1.1:2
(anonymous) @ lowdown.js?ver=5.1.1:5
dispatch @ jquery-3.4.1.min.js?ver=5.1.1:2
v.handle @ jquery-3.4.1.min.js?ver=5.1.1:2


После того как появилась проблема, обновил jquery и bootstrap до последних версий, стояли предпоследние. Не помогло.

Код меню:

<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>


Скрипты все подключал через functions.php, вроде как в правильном порядке. Код functions.php:

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


Подскажите, в чем может быть проблема? куда копать?
  • Вопрос задан
  • 174 просмотра
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы