Question

我有一个正常滚动的页面。页面上有一个锚点，弹出一个模态，我正在初始化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();
});

Answer 1

您是否尝试过使用$.fn.fullpage.destroy('all');？这就是你需要使用什么才能完全破坏fullPage.js。否则，只有fullPage.js创建的事件才会被销毁。

有关the docs的信息：

//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');

暂停或停止全页而不会破坏

1 个答案: