serii81
@serii81
Я люблю phр...

Почему не работает event при смене слайда в slick.js?

Добрый день.
Задача состоит в том, чтобы при клике на кнопку, как только сменится слайд, нужно анимировать контент слайда.

Покажу только один слайд
<ul class="slides" id="js-flexslider-slick">
            <li style="background-image: url(<?php echo get_template_directory_uri(); ?>/assets/images/slider/1.jpg);">
                <div class="overlay-gradient"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 text-center js-fullheight slider-text">
                            <div class="slider-text-inner">
                                <h1>Expert Legal Solutions</h1>
                                <h2>Free html5 templates Made by <a href="http://freehtml5.co/" target="_blank">freehtml5.co</a></h2>
                                <p><a class="btn btn-primary btn-lg" href="#">Make An Appointment</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>


И js код
var jsSlickSLider = function(){
		$('#js-flexslider-slick').slick({
			nextArrow: '.flexslider__next',
			prevArrow: '.flexslider__prev',
			fade: true,
			speed: 2000
		});
	}

	$('#js-flexslider-slick .slick-slide').on('swipe', function(event, slick, currentSlide, nextSlide){
      console.log(slick);
    });


Почему, когда пролистывается слайд, в консоли ничего не выводится.

В документации же написано
// On swipe event
$('.your-element').on('swipe', function(event, slick, direction){
  console.log(direction);
  // left
});

// On edge hit
$('.your-element').on('edge', function(event, slick, direction){
  console.log('edge was hit')
});

// On before slide change
$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  console.log(nextSlide);
});


Что я опять не то делаю?

Заранее благодарен.
  • Вопрос задан
  • 1117 просмотров
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
event, slick – вспомогательные атрибуты. Предлагаю вешать на beforeChange.

$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  слайд.eq(nextSlide).меняем_контент_в_слайде
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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