2014-09-14 19 views
9

tôi đã triển khai Owl Carousel 2 trong trang web của tôi, tôi muốn để có thể nhảy đến slide nhất định bằng cách sử dụng các helper Jumbpto cung cấp như vậy,Owl Carousel 2 beta, chuyển đến một slide cụ thể

$('.btnJump').click(function(){ 
    $('#myCarousel').trigger('owl.jumpTo', 3) 
    }); 

nhưng có vẻ như phiên bản beta không có trình trợ giúp owl.jumpTo.

anyhelp? ít nhất cho việc tìm kiếm các tài liệu hướng dẫn cho phiên bản beta

Trả lời

18

Hãy thử:

$('.btnJump').click(function(){ 
    $('#myCarousel').trigger('to.owl.carousel', 3) 
    }); 

Tài liệu có thể được tìm thấy ở đây: https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

+2

Không làm việc cho tôi, phải dùng to.owl.carousel –

+2

nhưng điều này làm động với slide .. làm thế nào tôi có thể nhảy mà không có hoạt hình? –

+0

Tôi cũng đang tìm kiếm giải pháp không có hoạt ảnh. – iMax

4

Đó là một sự xấu hổ này không được ghi nhận ở bất cứ đâu:/

jumpTo dường như không hoạt động trong owl carousel 2, tuy nhiên bạn có thể sử dụng to và chuyển vào một loạt các tham số. Tham số đầu tiên là trang chiếu, tham số thứ hai là tốc độ hoạt ảnh. Gửi 0 cho nó không animate chút nào.

owl.trigger('to.owl.carousel', [3, 0]);

+1

Không hoạt động, nó vẫn hoạt ảnh thay đổi – gal007

+2

Bạn có đang sử dụng mã beta mới nhất không? Có vẻ là làm việc tốt cho tôi, nơi 'owl' là yếu tố jquery dom của băng chuyền (' owl = $ ('. Carousel') ') –

+0

Tôi đang làm việc trên mã beta mới nhất. Không làm việc cho tôi :(, nó vẫn hoạt hình thay đổi. Có lẽ vì tôi sử dụng 'animateOut: 'fadeOut''? – iMax

5

Đối với Owl Carousel 2.xx tôi cố gắng này nếu bạn muốn nhảy tới mục 0 với hình ảnh động

$('#myowl').trigger('to.owl.carousel', [0,0,true]) 
Các vấn đề liên quan