jQuery技术:在初始加载时遇到猫头鹰轮播宽度问题

我正在研究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, } } }); } 

    管理通过设置fixed width解决问题。 我知道这是一个不好的做法。 如果有人能够找到解决这个问题的正确方法,那么欢迎你。 谢谢。

    这对我有用

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

      以上就是jQuery教程分享在初始加载时遇到猫头鹰轮播宽度问题相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/547890.html

      (0)
      上一篇 2021年1月13日
      下一篇 2021年1月13日

      精彩推荐