Zu einer bestimmten Folie springen, indem Sie auf den Link auf Eulenkarussell klicken

Question

Ich habe Eulenkarussell auf meiner Website implementiert. Die Karussell-Folien sind mit den Navigationsmenüs verknüpft. Das bedeutet, wenn ich auf eines der Menüs klicke, zeigt das Karussell diese spezifische Folie an. Ich habe es mit to.owl.carousel versucht, aber funktioniert nicht für mich. Ich habe versucht, wie-

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

wo award die Menü-ID und home Crousel id. 2 ist die Position des Schiebers.

Meine Website ist http://tonitro.com/test/

Wie kann ich dies auslösen?

Answer 1

Sie können das Ereignis owl.goTo verwenden, um Ihr Eulenkarussell auf eine bestimmte Folie zu verschieben.

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

Ihr Problem ist, dass Sie Element nicht mit id="award" in Ihrem HTML, $('#award').click wird so nicht funktionieren.

Wenn Sie möchten, um die Folie triggern, wenn Sie auf den Preis im oberen Menü klicken, sollten Sie Ihre HTML ändern, dort zu:

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

So $('#award').click werden an diesem Element auslösen klicken