Owlcarousel2 not working in mobile

support
1

hi, all
i copy the owlcarousel2, and i meet a problem,
when i call the Owl initializer function with the office install document in Installation | Owl Carousel | 2.3.4

$(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});

the owl is not display,

but when i change $(document).ready(function() to

 $(window).on("load", function()

this is the working code

> $(window).on("load", function() {
  $(".owl-carousel").owlCarousel({
     nav: true,
    loop: false,
    margin: 10,
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 3
      },
      1000: {
        items: 4
      }
    }
  });
});

it working, but not display in mobile.

Anyone know where my problem is？