Jquery 如何在桌面上禁用owl转盘并在移动设备上启用

我正在使用owl转盘插件（）。我想在桌面上禁用owl转盘，这样我的所有内容都将显示在一行中，并在移动设备上启用，这样我的内容将逐个滑动。我尝试了一些代码，但不起作用

你能帮我解决这个问题吗

$（文档）.ready（函数（）{
$（“#owl_关于_主滑块”）.owlCarousel({
导航：true，//显示下一个和上一个按钮
幻灯片速度：500，
差额：10，
分页速度：400，
自动播放：对，
项目：1，
itemsDesktop:false，
itemsDesktopSmall:错误，
itemsTablet:false，
itemsMobile:false，
循环：对，
导航：是的，
导航文本：[“”，“”]
});
});
$（函数（）{
var owl=$（'.owl carousel'），
选项={
循环：false，
差额：10，
响应：{
0: {
项目：1
}
}
};
如果（$（窗口）.width（）<854）{
var owlActive=owl.owlCarousel（owlpoptions）；
}否则{
owl.addClass（'off'）；
}
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<854）{
if（$（'.owl carousel'）.hasClass（'off'））{
var owlActive=owl.owlCarousel（owlpoptions）；
owl.removeClass（'off'）；
}
}否则{
if（！$（'.owl carousel'）.hasClass（'off'））{
addClass（'off'）.trigger（'destroy.owl.carousel'）；
查找（'.owl stage outer'）.children（':eq（0）'）.unwrap（）；
}
}
});
});
html，正文{
保证金：0；
填充：0；
身高：100%；
}
身体.猫头鹰导航舱{
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
-webkit转换：translateY（-50%）；
边框：1px实心#000；
宽度：40px；
高度：40px；
边界半径：50%；
}
身体。猫头鹰上{
左：0；
显示器：flex；
}
尸体，下一个是猫头鹰{
右：0；
显示器：flex；
}
身体。猫头鹰上一个，身体。猫头鹰下一个{
保证金：自动；
}
#猫头鹰关于主滑块分区h2{
文本对齐：居中；
}
.猫头鹰旋转木马{
显示：块；
}

这是第一个滑块
这是第二个滑块
这是第三个滑块
这是第四个滑块
现在，文档准备好后，您似乎正在加载旋转木马，然后查找设备宽度（例如，检查移动设备）。相反，首先确定设备宽度，然后在宽度低于某个阈值时应用owlCarousel，这难道没有意义吗

大概是这样的：


$（文档）.ready（函数（）{
如果（$（窗口）.width（）<854）{
startCarousel（）；
}否则{
$（'.owl carousel'）.addClass（'off'）；
}
});
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<854）{
startCarousel（）；
}否则{
停止转盘（）；
}
});
函数startCarousel（）{
$（“#owl_关于_主滑块”）.owlCarousel({
导航：true，//显示下一个和上一个按钮
幻灯片速度：500，
差额：10，
分页速度：400，
自动播放：对，
项目：1，
itemsDesktop:false，
itemsDesktopSmall:错误，
itemsTablet:false，
itemsMobile:false，
循环：对，
导航：是的，
导航文本：[“”，“”]
});
}
函数stopCarousel（）{
var owl=$（'.owl carousel'）；
触发器（'destroy.owl.carousel'）；
owl.addClass（'off'）；
}
html，正文{
保证金：0；
填充：0；
身高：100%；
}
身体.猫头鹰导航舱{
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
-webkit转换：translateY（-50%）；
边框：1px实心#000；
宽度：40px；
高度：40px；
边界半径：50%；
}
身体。猫头鹰上{
左：0；
显示器：flex；
}
尸体，下一个是猫头鹰{
右：0；
显示器：flex；
}
身体。猫头鹰上一个，身体。猫头鹰下一个{
保证金：自动；
}
#猫头鹰关于主滑块分区h2{
文本对齐：居中；
}
.猫头鹰旋转木马{
显示：块；
}

这是第一个滑块
这是第二个滑块
这是第三个滑块
这是第四个滑块
使用此代码，您可以轻松销毁桌面/响应设备上的Owl转盘

function postsCarousel() {
    var checkWidth = $(window).width();
    var owlPost = $("#latest-posts .posts-wrapper");
    if (checkWidth > 767) {
        if (typeof owlPost.data('owl.carousel') != 'undefined') {
            owlPost.data('owl.carousel').destroy();
        }
        owlPost.removeClass('owl-carousel');
    } else if (checkWidth < 768) {
        owlPost.addClass('owl-carousel');
        owlPost.owlCarousel({
            items: 1,
            slideSpeed: 500,
            animateOut: 'fadeOut',
            touchDrag: false,
            mouseDrag: false,
            autoplay: true,
            autoplaySpeed: 8000,
            autoplayTimeout: 8000,
            dots: true,
            loop: true
        });
    }
}

postsCarousel();
$(window).resize(postsCarousel);

函数postsCarousel（）{
var checkWidth=$（window.width（）；
var owlPost=$（“#latest posts.posts包装器”）；
如果（检查宽度>767）{
if（owlPost.data（'owl.carousel'）！='undefined'）{
owlPost.data（'owl.carousel'）.destroy（）；
}
owlPost.removeClass（'owl-carousel'）；
}否则如果（检查宽度<768）{
addClass（'owl-carousel'）；
猫头鹰传送带({
项目：1，
幻灯片速度：500，
动画衰减：“衰减”，
触摸拖动：错误，
mouseDrag:错，
自动播放：对，
自动播放速度：8000，
自动播放超时：8000，
点：是的，
循环：正确
});
}
}
postsCarousel（）；
$（窗口）。调整大小（postsCarousel）；
在响应屏幕分辨率检查期间，您可以轻松销毁桌面上的Owl转盘，并启用屏幕大小为1280的Owl转盘

function owlInitialize() {
if ($(window).width() < 1280) {
    $('.prdt_category').addClass("owl-carousel");
    $('.owl-carousel').owlCarousel({
        loop:false,    
        margin: 5,  
        nav: true,
        navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
        dots: false,        
        responsive:{
            0:{
                items:3,           
            },
            480:{
                items:4,           
            },
            640:{
                items:5,           
            }, 
            1000:{
                items:8,                
            }
        }
    });
}else{
    $('.owl-carousel').owlCarousel('destroy');
    $('.prdt_category').removeClass("owl-carousel");
}
}
$(document).ready(function(e) {
owlInitialize();
});
$(window).resize(function() {
owlInitialize();
});

函数owlsinitialize（）{
如果（$（窗口）.width（）<1280）{
$（'.prdt_category'）.addClass（“猫头鹰转盘”）；
$（'.owl carousel'）。owl carousel({
循环：false，
差额：5，
导航：是的，
导航文本：[“”，“”]，
点：错，
响应：{
0:{
项目：3，
},
480:{
项目：4，
},
640:{
项目：5，
}, 
1000:{
项目：8，
}
}
});
}否则{
$（'.owlCarousel'）.owlCarousel（'destroy'）；
$（'.prdt_category'）.removeClass（“猫头鹰转盘”）；
}
}
$（文档）.ready（函数（e）{
owlInitialize（）；
});
$（窗口）。调整大小（函数（）{
owlInitialize（）；
});
如果您与exa共享该代码片段，对我来说将是一件好事