JQuery карусель в табах
 

Добрый вечер.
Подскажите как нужно подключить owl carousel чтобы она работала в табах, я подключаю, но у меня она нормально работает только в одном табе, в других она скомкалась, вот сайт (первые три таба в "наши проекты"): http://office-furniture.io

Vyacheslav.Y,
ready замените на $(window).load и инициализировать лучше в цикле каждый слайдер индивидуально.

проблема старой версии да и всех подобных слайдеров в том что они неправильно вычисляли размеры находясь в скрытом элементе
решалось открыть проинициализировать закрыть или вызов $(window).resize() при открытие таба

можно подробнее?, мне не совсем понятно что вы описали, где именно прописать $(window).resize()?

Вы зачеркнули, не совсем понятно зачем? Может быть подскажите как сделать чтобы срабатывал hover при наведении на изображение (пример в других табах) ?

Vyacheslav.Y,
так как не вижу результата от $(window).resize() хотя ручное изменения окна слайдер понимает.

Vyacheslav.Y,
может вам одного $(window).load хватит?

Я не понимаю того что вы пишете, куда именно нужно и как нужно добавить $(window).load или $(window).resize()

Vyacheslav.Y,

$(document).ready(function() {

  var owl = $(".owl-carousel");

  owl.owlCarousel({
dragBeforeAnimFinish : false

  });
 // Custom Navigation Events
  $(".owl-next").click(function(){
    owl.trigger('owl.next');
  })
  $(".owl-prev").click(function(){
    owl.trigger('owl.prev');
  })
});

заменить на

$(window).load(function() {

  var owl = $(".owl-carousel");

  owl.owlCarousel({
dragBeforeAnimFinish : false

  });
 // Custom Navigation Events
  $(".owl-next").click(function(){
    owl.trigger('owl.next');
  })
  $(".owl-prev").click(function(){
    owl.trigger('owl.prev');
  })
});

рони,
не помогло, если делать с последней версией, как кучковалось на других табах так и кучкуется:(