单击时禁用Fullpage JS

Question

我正在按钮点击初始化Fullpage.js，如下所示：

$('.fullpage-trigger').on('click', function(event) {
    $('#fullpage').fullpage({
        navigation: true,
        navigationPosition: 'left',
        scrollOverflow: true
    });
});

我正在尝试构建一个按钮，单击该按钮会禁用Fullpage.js，基本上可以打开和关闭它。这可能吗？

提前谢谢！

Answer 1

您可以尝试销毁并重新创建

$('.fullpage-trigger').on('click', function(event) {
    if($('#fullpage').hasClass('fp-destroyed')){            
        $('#fullpage').fullpage({
            navigation: true,
            navigationPosition: 'left',
            scrollOverflow: true
        });
     } else {
        $.fn.fullpage.destroy('all');
     }
});