通过单击owl carousel上的链接跳转到特定幻灯片

Question

我已经在我的网站上实施了猫头鹰旋转木马。轮播幻灯片与导航菜单相关。这意味着当我点击其中一个菜单时，轮播将显示该特定幻灯片。我用to.owl.carousel尝试过，但不适合我。我试过 -

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

其中award是菜单ID和home crousel id。 2是滑块的位置。

我的网站是http://tonitro.com/test/

我该如何触发？

Answer 1

您可以使用owl.goTo事件将您的猫头鹰转盘滑动到特定幻灯片。

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

您的问题是您的html中没有id="award"的元素，因此$('#award').click将无效。

如果您想在单击顶部菜单上的奖励时触发幻灯片，则应将html更改为：

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

所以$('#award').click会触发点击该元素