Cloud47
@Cloud47
Frontend, javascript, HTML, CSS

Как добавить класс определенному слайду по завершению загрузки страницы?

Здравствуйте.Есть код, добавляющий 3му активному слайду определенный класс при смене состояния слайда:
on('changed.owl.carousel', function(property) {
		var item = $('.owl-item');
    var current = property.item.index;
  var last = current+2;
  $('.owl-item .carousel-works__item').removeClass('current');
  $(property.target).find(".owl-item").eq(last).find('.carousel-works__item').addClass('current');
	});

То есть, чтобы выделился слайд нужно его пролистнуть, а как сделать, чтобы он выделялся сразу после загрузки страницы?Пробовал примерно такую тему с initialize.owl.carousel/initialized.owl.carousel :
$('.carousel-works').owlCarousel().on('initialize.owl.carousel', function() {
		var item = $('.owl-item');
    var current = property.item.index;
  var last = current+2;
  $(property.target).find(".owl-item").eq(last).find('.carousel-works__item').addClass('current');
	}).on('changed.owl.carousel', function(property) {
		var item = $('.owl-item');
    var current = property.item.index;
  var last = current+2;
  $('.owl-item .carousel-works__item').removeClass('current');
  $(property.target).find(".owl-item").eq(last).find('.carousel-works__item').addClass('current');
	});

Или же можно прописать класс в html 3му слайду, но если удалить его в будущем в админке то все слетит?
  • Вопрос задан
  • 101 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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