Problem with resize in carousel. How to decide?

Question

JavaScript

Hello, connoisseurs)) The problem is in the owl-carusel carousel (I'm not sure if there is a value where), with resize I measure the height of one element and set the same height to the other. The code

$(document).ready(function() {
$(window).resize(function(){
    var height_ggg = Math.round($('.special_carusel').height()+20);
  $('.special_carusel2').css("height", height_ggg + "px");
});
$(window).resize();
});

Everything works, only when the resolution is changed resize "lags behind by one pixel", that is, the size of the block has changed after 1200 px , that is, by 1199 th , and resizing only works at 1198px.
I already broke my head, what could be the problem? Thank you.

Answer 1

a bike

$('.special_carusel2').css("height", height_ggg + 1 + "px");

Answer 2

As far as I understand, resize fires earlier than the script that changes the height in the owl carousel, and therefore resize has the old height on this one pixel. And how then to make it work later? I tried to put the script as the latest, but it doesn't help...