2017-01-19 11 views
0

можно отобразить следующий слайд в ползуна с кнопкой, как это:Есть ли обратный вызов для вызова метода Next?

$('#mybutton').click(function() { 
    $('#myslider').flexslider('next'); 
}); 

мой вопрос: есть ли способ для меня, чтобы выполнить код, когда ползун закончил скольжение? вызов .flexslider('next', function() { alert('animation finished'); }) будет казаться наиболее естественным, но, похоже, не поддерживается

ответ

1

Вы можете использовать опцию after во время инициализации, предоставляемой плагином.

after: function(){},//Callback: function(slider) - Fires after each slider animation completes 

From the docs

Here's the DEMO


UPDATE

Чтобы получить currentSlide и currentDirection, вы дзю st необходимо передать slider как parameter на ваш after function, и вы можете получить доступ к его currentSlide и direction свойствам и выполнить свою логику. Ниже обновленный function

after:function(slider){ 
     $(".result").append("Current Slide - "+(parseInt(slider.currentSlide)+1)+", Current Direction - "+slider.direction); 
     $(".result").append("<br/>"); 
} 

Here's the Updated DEMO

+0

да, это то, что я в конечном итоге делает, но это требует немного дополнительной логики, так как это родовое. Затем я должен проверить, какой слайд я включен, и какое направление было нажато для реализации логики. было бы намного лучше, если бы я мог просто объявить обратный вызов прямо в вызове – ekkis

+0

@ekkis .. AFAIK, нет никакой опции, предоставляемой 'plugin', и вам может потребоваться изменить« плагин »по этой причине. Хорошо, если не ошибаюсь, вы можете определить, на каком «слайде» вы находитесь, и какое направление было нажато ** с вышеуказанной функциональностью .. :) –

+0

@ekkis .. Обновлен мой ответ .. проверьте и дайте мне знать .. :) –