javascript 如何禁用循环：适用于小屏幕尺寸

iqjalb3h 于 2023-04-10 发布在 Java

关注(0)|答案(1)|浏览(81)

我发现owl carousel在iPhone上滑动图片时崩溃，设置为loop: off解决了这个问题。
你能帮我解决这个问题吗？我需要添加/更改什么，以便loop: off适用于屏幕尺寸〈768 px，loop: true适用于所有其他尺寸？

$(document).ready(function() {
        $('.my-carousel').owlCarousel({
        items: 1, 
        loop: true, 
        center:true, 
        margin:10, 
        URLhashListener:true,
        autoplayHoverPause:true,
        startPosition: 'URLHash',
        autoplayHoverPause: false,
        items: 1, 
        navText : ["<p><small>Prev</small> and <small>Next</small></p>"],
        responsive:{
          0:{
            items:1
          },
          600:{
            items:1
          },
          1000:{
            items:1
          }
    }   
        });
    })`

JavaScript

来源：https://stackoverflow.com/questions/75883919/how-to-disable-loop-true-for-small-screen-size

1条答案

按热度按时间

9wbgstp71#

你试过在responsive上设置循环错误吗？
如果你想做特定的宽度也使用响应的宽度，那么响应行为中的0，600，1000更像@media only screen and (min-width : ...)：

$(document).ready(function() {
        $('.my-carousel').owlCarousel({
        items: 1, 
        //loop: true, 
        center:true, 
        margin:10, 
        URLhashListener:true,
        autoplayHoverPause:true,
        startPosition: 'URLHash',
        autoplayHoverPause: false,
        items: 1, 
        navText : ["<p><small>Prev</small> and <small>Next</small></p>"],
        responsive:{
          0:{
            items:1,
            loop: false
          },
          768:{
            items:1,
            loop: false
          },
          1000:{
            items:1,
            loop: true
          }
    }   
        });
    })`

赞(0）回复(0）举报 2023-04-10

我来回答

javascript 如何禁用循环：适用于小屏幕尺寸

1条答案

相关问题

热门标签

最新问答