Question

我使用ZURB基础和FullPage.js构建着陆页。如果我打开页面或手动刷新它，效果很好。如果我使用链接重定向，我的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

使用链接重定向后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无法正确加载

1 个答案: