你好,我想使用turbolinks和fullpage.js,首先我创建的index.html并插入此代码head标签:Fullpage.js和turbolinks集成(全页无法正常工作)
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="turbolinks.js?body=1"></script>
<script src="jquery.fullPage.min.js"></script>
<script>
$(document).on('turbolinks:load', function() {
console.log("It works on each visit!")
\t $('#fullpage').fullpage({
\t \t anchors: ['firstPage', 'secondPage', '3rdPage'],
\t \t sectionsColor: ['#191919', '#191919', '#191919'],
\t \t responsiveHeight: 600,
\t \t navigation: true,
\t \t \t \t \t \t \t \t
\t \t
\t \t navigationPosition: 'right', \t
\t \t afterResponsive: function(isResponsive){
\t \t }
\t });
});
</head>
<body>
....my html code here ..
</body>
我还创建了第二个页面demo_page.html并将相同的头部块插入到html代码中。在demo_page.html有一个链接到index.html(Testing),当我点击链接它加载index.html通过turbolinks但没有fullpage函数(在控制台日志中没有错误,除了这个fullPage:Fullpage.js只能),当我刷新index.html(通过F5浏览器)它通常加载工作滚动部分和其他功能的Fullpage.js 如何解决这个问题,并有人打开工作sorpage项目的fullpage.js和turbolinks集成?
这是关于动态内容和销毁和初始化fullPage.js。首先,你确定你需要turbolinks吗?检查[本主题](https://github.com/alvarotrigo/fullPage.js/issues/115)。 – Alvaro