Почему не меняется значение свойств в owl.carousel?

Question

Unknown @Richswitch

junior

Почему не меняется значение свойств в owl.carousel?

Привет!
Почему не меняется значение свойств при изменении ширины окна браузера?

$('.right-table').owlCarousel({
	loop: false,
	responsive: {
		1200: {
			items: 8,
			nav: false,
			mouseDrag: false,     // - деактивировать это свойство когда окно 1200px 
			touchDrag: false,
		993: {
			items: 8,
			mouseDrag: true,  // -  и активировать его когда окно 993px 
			touchDrag: true,
	}

Но почему-то этот код не работает. Пробовал дополнять объект событием onResize: function(){ refresh.owl.carousel;}, но и это не помогло.

Но на самом деле моя цель полностью (или частично) избавиться от действия плагина при разрешении 1200px, если вы знаете способ лучше то прошу изложить его ниже.
Спасибо!

Вопрос задан более трёх лет назад
213 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

2 комментария

Unknown @Richswitch Автор вопроса

вы потеряли скобки

Дело не в скобках, я просто не весь скрипт залил
вот весь (есть еще, но там тоже самое)

$('.right-table').owlCarousel({
	loop: false,
	margin: 0,
	nav: true,
	navText: false,
	responsive: {
		0: {
			items: 2,
			onChanged: function(event) {
					if(event.item.index <= 0) {
							$('.column-shadow-right').addClass('disabled');
							$('.column-shadow-right').removeClass('show-shadow');
							$('.column-shadow-left').addClass('disabled');
							$('.column-shadow-left').removeClass('show-shadow');
					}
				}
		},
		1200: {
			items: 8,
			nav: false,
			mouseDrag: false,
			touchDrag: false,
			onChanged: function(event) {
					if(event.item.index <= 0) {
							$('.column-shadow').addClass('disabled');
					}
				}
		},
		993: {
			items: 8,
			mouseDrag: true,
			touchDrag: true,
			onChanged: function(event) {
					if(event.item.index <= 0) {
							$('.column-shadow-right').addClass('disabled');
							$('.column-shadow-right').removeClass('show-shadow');
							$('.column-shadow-left').addClass('disabled');
							$('.column-shadow-left').removeClass('show-shadow');
						}
					}
				},
.....
});

если destroy.owl.carousel, тогда контент не появляется

Написано более трёх лет назад

tyzberd @tyzberd

если destroy.owl.carousel, тогда контент не появляется

еще классы нужно удалять, типа так
$owl.trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
https://stackoverflow.com/questions/25339836/how-t...

Написано более трёх лет назад

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 14 часов назад
- 54 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- 14 часов назад
- 76 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- 19 часов назад
- 103 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- 19 часов назад
- 75 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 20 часов назад
- 37 просмотров
1

ответ
JavaScript

Простой
Почему в букмарклете должным образом не выполняется Alt + Click?
- 1 подписчик
- вчера
- 45 просмотров
1

ответ
JavaScript

Средний
Как создать кроссбраузерный функиональный плеер?
- 1 подписчик
- вчера
- 65 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Почему функция mnemonicToWalletKey из библиотеки тон генерирует неверный адрес кошелька?
- 1 подписчик
- вчера
- 48 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как передавать данные гугл таблицы в телеграм при добавлении новой записи?
- 1 подписчик
- вчера
- 60 просмотров
1

ответ
JavaScript

Простой
Проблема с добавлением полей товара в куки, почему-то при клике ничего в куки не записывает, что делать?
- 1 подписчик
- вчера
- 33 просмотра
2

ответа
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

Мэтч

от 80 000 ₽

Взлом автомобильной программы

19 апр. 2024, в 05:01

999999 руб./за проект

Доработать телеграм бота

19 апр. 2024, в 03:52

1000 руб./за проект

Написать код на python

19 апр. 2024, в 03:01

1000 руб./за проект

Answer 1 · 2017-11-24 14:18:51

вы потеряли скобки

responsive : {
    // breakpoint from 0 up
    0 : {
        option1 : value,
        option2 : value,
        ...
    },
    // breakpoint from 480 up
    480 : {
        option1 : value,
        option2 : value,
        ...
    },
    // breakpoint from 768 up
    768 : {
        option1 : value,
        option2 : value,
        ...
    }
}

Если нужно полностью избавиться от действия плагина, тогда в зависимости от ширины экрана инициализировать плагин. Так же написать функцию которая при ресайзе будет проверять размер окна и выполнять destroy.owl.carousel или инициализацию

Почему не меняется значение свойств в owl.carousel?

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

Минуточку внимания

Войдите на сайт