2015-09-02 20 views
5

Tôi có 3 divs kích hoạt nút trượt khi tôi nhấp vào chúng. Và bên trong mỗi div có thanh trượt carousel owl.Làm mới Owl Carousel 2

Nếu tôi kích hoạt một thanh trượt mà thanh trượt hiển thị, nhưng khi tôi nhấp vào thanh trượt div khác sẽ không hiển thị trừ khi tôi đổi kích thước cửa sổ.

Làm cách nào để kích hoạt làm mới trên thanh trượt cho thanh trượt trong mỗi div?

tôi đã cố gắng với điều này trên slide chuyển đổi nhưng nó không hoạt động:

$('.owl-slider').trigger('refresh.owl.carousel'); 
+0

Bạn có thể viết thêm mã không? – egvrcn

Trả lời

7

Bạn kích hoạt với một lớp. Bạn có thể thử với một biến:

var $owl = $('.owl-carousel').owlCarousel({ 
    items: 1, 
    loop:true 
}); 

$owl.trigger('refresh.owl.carousel'); 
+0

Điều này cũng hoạt động chính xác với tôi. Cảm ơn. – shell

+0

Đối với tôi, điều này thực sự đã khắc phục một số vấn đề khác liên quan đến thay đổi kích thước màn hình. – stealthysnacks

Các vấn đề liên quan