Jquery 禁用指定分辨率以下的全页滚动

我正在使用fullPage.js（js插件提供单页滚动功能），现在我必须在1199宽度以下禁用它。我试图通过调用窗口加载和调整大小这两个函数来实现这一点，基于一个条件（窗口宽度应该大于1199），它在窗口加载时工作，但调整大小函数不工作，并且在控制台中显示错误

错误：： fullPage:fullPage.js只能初始化一次，您正在执行以下操作 好几次了

因为库加载两次，一次在页面加载，另一次在窗口调整大小。如何在调整窗口大小和加载窗口时禁用宽度低于1199的设置

这是我的代码：

    var init = {
    one_page_scroll : function(){ 
                /*--------- one pge scroll --------*/
                var windowWidth = $(window).width();
                if(windowWidth > 1199){
                    $('#fullpage').children().each(function(){
                        $(this).not( ".vc_row-full-width" ).addClass('section');
                    });
                    $('#fullpage').fullpage({
                        navigation: true,
                        interlockedSlides: false,
                        fixedElements : '',
                    });

                }

            },
};

在加载窗口和调整窗口大小时，我都调用了这个函数，如下所述：

jQuery(document).ready(function(){
    $(window).on('load', function(){
        init.one_page_scroll();
    });
});
jQuery( window ).resize(function() {
    var windowWidth = $(window).width();
    if(windowWidth > 1199){ 
        init.one_page_scroll();
    }
});

---

为什么不直接使用响应选项，而不是不初始化它

您可以使用将关闭自动滚动的

responsiveWidth

或

responsiveHeight

。然后您可以将其与

fp auto height responsive

结合使用，以关闭全屏部分和幻灯片

如果您需要更多，您可以使用

responsiveSlides

选项将水平幻灯片转换为垂直幻灯片