Question

我对FullPage JS有问题，我来寻求帮助：）

我的问题是：我想为我的网站的单个页面禁用FullPage。

FullPage用于小页面，但我的网站有1个长页面，我想在其中禁用FullPage。

该文件具有.ejs扩展名，而不是.html扩展名。页面位于不同的EJS文件中。

我在FullPage的Github上进行搜索，它表示我使用destroy('all')方法，但是我找到了很多写方法，尝试了3种方法，但我不知道为什么，它没有不行

您是否知道如何在网站的单个页面上禁用FullPage JS？

我尝试了3种方法。

第一种方法尝试过：

document.querySelector('#destroy').addEventListener('click', function(e){ 
  e.preventDefault(); 
   fullpage_api.destroy('all'); 
});

第二种方法：

$('#destroy').click(function () { 
  $.fn.fullpage.destroy('all'); 
});

第三种方法：

function DestroyFullPage() { //default is 700. 
  $.fn.fullpage.destroy('all'); 
}

正如阿尔瓦罗（Alvaro）所建议的，我尝试过这样的事情：

<script>
    window.onload = function() {
        alert('Ready ?');
        fullpage_api.destroy('all');
        alert('Done');
    }
</script>

第一个警报可以正常运行，但是第二个警报永远不会出现在我的屏幕上，并且FullPage不会被破坏。

我的语法错误吗？

谢谢

PS：不好意思，我是法语，但至少我会尝试：D

Answer 1

如果您想知道如何使用destroy函数，可以查看fullPage.js文档中提供的演示： https://codepen.io/alvarotrigo/pen/bdxBzv

基本上使用了fullpage.js版本3（不需要jQuery）这样做

fullpage_api.destroy('all');

您的第二种方法和第三种方法完全没有区别。实际上，只有在其他地方调用DestroyFullPage时，第三种方法才起作用。

第一个应该仅在使用jQuery初始化fullPage.js时使用。因此，使用$('#fullpage').fullpage(options)代替new fullpage('#fullpage', options);