2017-06-20 52 views
0

你好,我想使用turbolinksfullpage.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集成?

+0

这是关于动态内容和销毁和初始化fullPage.js。首先,你确定你需要turbolinks吗?检查[本主题](https://github.com/alvarotrigo/fullPage.js/issues/115)。 – Alvaro

回答