MeteorJS 0.9.0 - fullPage.js 的包。页面在刷新时有效，但在链接时无效。

Question

我为 fullPage.js 创建了我的第一个 Meteor 包。这个包使用 Meteor 的新包装系统。

在第一页加载包工作得很好。按预期在部分之间正常自动滚动。

链接到应用程序中的另一个页面将初始化 fullPage 而不会出现任何错误。但是，在滚动或向下箭头单击后，页面会自动滚动并跳过部分。刷新页面可以解决问题。

设置“autoScrolling: false”将阻止页面在初始滚动后滚动到底部。但是，这会导致应用程序使用正常滚动。

包依赖： [ “jQuery”， “1.0.0” ], [ “流星”， “1.0.2” ], [ "mrt:jquery-ui", “1.9.2” ], [ “下划线”， “1.0.0” ]

问题的一个例子：http://fullpagetest.meteor.com/

包裹：https://github.com/lawshe/full-page

Answer 1

问题是因为您每次点击菜单时都在初始化插件。

您不想多次初始化 fullpage.js。 我建议您避免使用 AJAX，而只对每个部分使用普通链接。

否则，您应该在每次单击链接时使用函数$.fn.fullpage.destroy('all');，然后像现在一样再次初始化fullpage.js。

destroy('all') 函数将删除所有插件事件（鼠标滚轮、滚动...）以及对原始结构所做的所有更改（添加类、内联样式...）。 换句话说，它只会像应用 fullpage.js 之前一样重新启动您的 HTML 结构。

完成后，fullpage.js 可以再次初始化。