Как решить проблему с подключением jQuery на Wordpress?

Question

[TopazaPella]

Пытаюсь подключить плагин Slide Anything - Responsive Content / HTML Slider and Carousel
(На одном сайте уже стоит, очень нравится)

Слайдер не отображается, основной контейнер который он создает почему-то visibility: hidden;

Ошибка в подключении jQuery, по всей видимости... Как исправить?

(index):219 Uncaught TypeError: jQuery(...).owlCarousel is not a function
    at HTMLDocument.<anonymous> ((index):219)
    at i (jquery.js?ver=1.12.4-wp:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
    at Function.ready (jquery.js?ver=1.12.4-wp:2)
    at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)

Comments

[Дмитрий Гормаш]

Можно ссылку сайта посмотреть или это на локалке?

[TopazaPella]

Дмитрий Гормаш, www.genlog-baits.ru/

[Дмитрий Гормаш]

TopazaPella, Что то я не вижу, чтобы у вас была подключена библиотека слайдера owlCarousel.
Вот консоль и ругается, мол непонятную функцию вызываете

[TopazaPella]

Дмитрий Гормаш, Спасибо!

Answer 1

[Игорь Воротнёв]

Ошибки в подключении jQuery нет. Скорее всего ошибка в подключении owlCarousel (это сам скрипт слайдера/карусели). Без вашего кода ванговать бессмысленно.

Comments

[TopazaPella]

Что именно нужно смотреть?

<script type='text/javascript'>
	jQuery(document).ready(function() {
		jQuery('#slider_7').owlCarousel({
			items : 1,
			smartSpeed : 300,
			autoplay : true,
			autoplayTimeout : 4000,
			autoplayHoverPause : true,
			smartSpeed : 300,
			fluidSpeed : 300,
			autoplaySpeed : 300,
			navSpeed : 300,
			dotsSpeed : 300,
			loop : true,
			nav : true,
			navText : ['',''],
			dots : true,
			responsiveRefreshRate : 200,
			slideBy : 1,
			mergeFit : true,
			autoHeight : false,
			mouseDrag : false,
			touchDrag : true
		});
		jQuery('#slider_7').css('visibility', 'visible');
		sa_resize_slider_7();
		window.addEventListener('resize', sa_resize_slider_7);
		function sa_resize_slider_7() {
			var min_height = '50';
			var win_width = jQuery(window).width();
			var slider_width = jQuery('#slider_7').width();
			if (win_width < 480) {
				var slide_width = slider_width / 1;
			} else if (win_width < 768) {
				var slide_width = slider_width / 1;
			} else if (win_width < 980) {
				var slide_width = slider_width / 1;
			} else if (win_width < 1200) {
				var slide_width = slider_width / 1;
			} else if (win_width < 1500) {
				var slide_width = slider_width / 1;
			} else {
				var slide_width = slider_width / 1;
			}
			slide_width = Math.round(slide_width);
			var slide_height = '0';
			if (min_height == 'aspect43') {
				slide_height = (slide_width / 4) * 3;				slide_height = Math.round(slide_height);
			} else if (min_height == 'aspect169') {
				slide_height = (slide_width / 16) * 9;				slide_height = Math.round(slide_height);
			} else {
				slide_height = (slide_width / 100) * min_height;				slide_height = Math.round(slide_height);
			}
			jQuery('#slider_7 .owl-item .sa_hover_container').css('min-height', slide_height+'px');
		}
	});
</script>

[Игорь Воротнёв]

TopazaPella, У вас там вообще-то TypeError: undefined is not a function (near '...jQuery('#slider_7').owlCarousel...'), что говорит о том, что он owlCarousel не видит. Судя по всему сам скрипт не подгружен.

[TopazaPella]

Игорь Воротнёв, Где мне взять этот скрипт? Я использовала этот же плагин на другом сайте и там все работает, не подгружая ничего дополнительно.

[Игорь Воротнёв]

TopazaPella, тогда надо смотреть как у вас jQuery подключен.

[TopazaPella]

Игорь Воротнёв, Игорь, все проще. День мучений чтобы понять что забыла <?php wp_footer(); ?>
Спасибо за помощь!

[Игорь Воротнёв]

TopazaPella, ну вот там в футере скрипты и должны были подгружаться (jQuery то в шапке по умолчанию), но не подгружались, о чем ошибка и говорила вам.