Rails 和 FullPage.js 加载不正确

Question

我正在使用 ZURB 基础和 FullPage.js 构建登陆页面。如果我打开页面或手动刷新它，效果很好。但是，如果我使用 link 重定向，我的 JS 似乎会变得一团糟，直到我再次手动刷新页面。

在我的 application.js 文件中，我正在启动这样的包：

$(document).ready(function() {
 $('#fullpage').fullpage({
  verticalCentered: false,
  css3: true,
  navigation: true,
  slidesNavigation: false,
});
 $(function(){ $(document).foundation(); });
});

我正在我的应用程序布局中加载我的 JS（就在文件底部）：

= javascript_include_tag "application", 'data-turbolinks-track' => true

使用 link 重定向后 Firebug 中出现的错误如下所示（仅供参考，如果我刷新页面则不会显示错误）：

fullPage: Error! Fullpage.js needs to be initialized with a selector. For example: $('#myContainer').fullpage();

我知道这个问题与我加载 JS 的方式有关，但我不确定如何解决它。有帮助吗？

Answer 1

我不知道 Rails，但听起来插件正在使用不存在的选择器进行初始化。

这可能是因为 Rails 在 fullPage.js 初始化之后加载了 DOM，而这应该是相反的。

尝试将 fullpage.js 初始化放在其他可以确保 DOM 准备就绪的地方，包括动态生成的。

您甚至可以像使用 rails 一样将它放在您网站的最底部。

此外，检查 this link。

Rails 和 FullPage.js 加载不正确

Rails and FullPage.js not loading correctly

jquery

ruby-on-rails

ruby

ruby-on-rails-4

fullpage.js