Перейти к определенному слайду, нажав ссылку на owl carousel

Question

Я внедрил карусель совы на своем веб-сайте. Карусельные слайды связаны с навигационными меню. Это означает, что когда я нажму одно из меню, карусель покажет этот конкретный слайд. Я попробовал его с to.owl.carousel, но не работает для меня. Я попытался как-

$('#award').click(function(){ 
    $('#home').trigger('to.owl.carousel', 2) 
}); 

где award это идентификатор меню и home crousel идентификатор. 2 - положение слайда.

Мой сайт http://tonitro.com/test/

Как я могу вызвать это?

Answer 1

Вы можете использовать событие owl.goTo, чтобы свернуть карусель совы на определенный слайд.

$('#home').trigger('owl.goTo', 2) 

Ваша проблема в том, что вы не имеете элемент с id="award" в вашем HTML, так $('#award').click не будет работать.

Если вы хотите, чтобы вызвать скольжение при нажатии на премию в верхнем меню вы должны изменить ваш HTML там:

<li><a href="#portfolio" id="award">Awards</a></li> 

Так $('#award').click запустит нажмите на этот элемент