Возникли проблемы с шириной карусели сов при начальной загрузке

Question

Я работаю над owl-carousel. В настоящее время у меня проблема с тем, что ширина моего слайдера очень плохая.

Когда я загружаю / обновляю веб-сайт, owl-carousel имеет некоторое значение по ширине, но часть следующего слайда видна (я хочу этого избежать). В то же время после начальной загрузки, когда я изменяю размер окна (переключаю максимизацию или изменяю ширину или высоту перетаскиванием), он устанавливает ширину на правильное значение, как я хотел. Я не понимаю, почему это происходит. Я хочу предотвратить эту привычку при начальной загрузке.

Вот мой jQuery.

function newsSlider() {
  $('.news-slider .owl-carousel').owlCarousel({
  autoplay: true,
  autoplayHoverPause: true,
  dots: true,
  loop: true,
  margin: 5,
  items: 3,
  responsive: {
    0: {
      items: 1,
    },
    768: {
      items: 2,
    },
    992: {
      items: 3,
    }
  }
 });
}

Answer 1

это помогло мне

(function ($) {
   // initialize here
})(jQuery);

Answer 2

Я исправил эту проблему, когда измерил ширину контейнера с совой рампой в рабочем состоянии. И затем установите значения в стилях как:

#photo-gallery .owl-stage {
  min-width: 10317px;
}

Answer 3

удалось решить проблему, установив fixed width. Я знаю, что это плохая практика. Если кто-то может найти правильный способ решить эту проблему, добро пожаловать. Спасибо.