Как получить высоту div в сове-карусели при изменении размера окна? - PullRequest
Новая
       14

Как получить высоту div в сове-карусели при изменении размера окна?

0 голосов
/ 14 мая 2019

Я использую owl-Carousel для проекта, и мне нужна высота содержимого div (topSlidetxt) внутри owlCarousel при изменении размера окна и загрузке окна, я пробовал это, но пока не могу получить положительный результат. 

$('.heroSlide').owlCarousel({
  smartSpeed: 1500,
  items: 1,
  margin:0,
  nav:true,
  dots:true
});

<div class="heroSlide owl-carousel">
  <div class="item">
    <div class="row align-items-center">
      <div class="col-lg-7">
        <div class="topSlideImg">
          <img src="assets/images/home-banner-1.jpg" alt="">
        </div>
      </div>
      <div class="col-lg-5">
        <div class="topSlidetxt">
        <span class="tiTle">South Beach Residences</span>
        <h2>Icon to Many, Home to Few</h2>
        <a class="linkArrow" href="#">DISCOVER MORE</a>
      </div>
    </div>
  </div>
</div>
</div>

1 Ответ

1 голос
/ 17 мая 2019

Вы должны использовать События API ( initialized.owl.carousel , resized.owl.carousel ) из Сова Карусель 2

Пример использования: 

$('.heroSlide').owlCarousel({
  smartSpeed: 1500,
  items: 1,
  margin:0,
  nav:true,
  dots:true,
  onInitialized: function () { /* read and use $('.topSlidetxt').height() here */ },
  onResized: function () { /* read and use $('.topSlidetxt').height() here */ },
});

пример кода в реальном времени: https://jsfiddle.net/cichy380/sna04L7p/

...