Jquery 暂停或停止整页而不销毁

Jquery 暂停或停止整页而不销毁,jquery,fullpage.js,Jquery,Fullpage.js,我有一个正常滚动的页面。页面上有一个锚点,弹出一个模式,我在其中初始化fullpage.js。到目前为止,这一切都很好,但是当用户单击关闭图标时,我希望模式窗口关闭,fullpage.js暂停或停止,这样,除非用户再次单击定位点,否则将禁用完整页面滚动效果。我尝试过使用destroy方法来实现这一点,但是fullpage说它只能初始化一次,所以当用户第二次单击锚点时,fullpage不会重新初始化,并抛出此错误:fullpage:fullpage.js只能初始化一次,而您正在多次初始化 $('.

我有一个正常滚动的页面。页面上有一个锚点,弹出一个模式,我在其中初始化fullpage.js。到目前为止,这一切都很好,但是当用户单击关闭图标时,我希望模式窗口关闭,fullpage.js暂停或停止,这样,除非用户再次单击定位点,否则将禁用完整页面滚动效果。我尝试过使用destroy方法来实现这一点,但是fullpage说它只能初始化一次,所以当用户第二次单击锚点时,fullpage不会重新初始化,并抛出此错误:fullpage:fullpage.js只能初始化一次,而您正在多次初始化

$('.js-show-modal').on('click', function() {
  var modal = $(this).attr('data-modal');
  $('.modal[data-modal="' + modal + '"]').show();
  $('#fullpage').fullpage({
    fixedElements: '.site-header',
    css3: true,
    navigation: true,
    navigationPosition: 'right'
  });
});

$('.js-close-modal').on('click', function(e) {
  e.preventDefault();
  $.fn.fullpage.destroy();
  $(this).closest('.modal').hide();
});

您是否尝试过使用
$.fn.fullpage.destroy('all')?
这就是要彻底销毁fullPage.js所需要使用的。否则,只有fullPage.js创建的事件才会被销毁

有关以下信息:


您是否可以运行一个测试,其中单击另一个div运行
$.fn.fullpage.reBuild()而不是试图重新控制它?谢谢@Sam0我尝试了它,但它并没有像您预期的那样工作。由于fullpage实例已被销毁,因此rebuild()不会执行任何操作。我认为rebuild()更适合于类似Ajax的调用,如果向其中注入更多内容,则该部分需要重新格式化。但这并不包括销毁然后重新创建实例。
//destroying all Javascript events created by fullPage.js (scrolls, hashchange in the URL...)
$.fn.fullpage.destroy();

//destroying all Javascript events and any modification done by fullPage.js over your original HTML markup.
$.fn.fullpage.destroy('all');