Проблема совместной работы SmoothState.js и FullPage.js (полноценный API работает на другой странице) - PullRequest
0 голосов
/ 23 октября 2019

Я пытался использовать fullpage.js и jquery.smoothState.js вместе, чтобы создать эффект перехода. Я хочу показать <div class="loading_wrap"></div> при переходе на страницу.

есть 3 страницы.

index.html
home.html
about.html

Только about.html необходимо использовать API-интерфейс fullpage.

1. Мой скрипт smoothState:

$(function(){
var options = {
prefetch: true,
cacheLength: 2,
onStart: {
duration: 700, 
render: function ($container) {
$(".loading_wrap").addClass('is-exiting');
smoothState.restartCSSAnimations();
}
},
onReady: {
duration: 0,
render: function ($container, $newContent) {
$container.html($newContent);
$(".loading_wrap").removeClass('is-exiting');
}
}
},
smoothState = 
$('#all_wrap').smoothState(options).data('smoothState');
});
Я записываю полный код страницы в about.html (в #all_wrap).

, когда я начинаю в http://www.corein.kr/coreintive/cindy/index.html и перехожу к about.html один раз, полная страница работает хорошо,но после этого, когда я перехожу на другую страницу или снова щелкаю ссылку 3.About, возникает проблема с fullpage.js. и когда я начинаю в http://www.corein.kr/coreintive/cindy/about.html, возникает та же проблема.

проблема заключается в index.html и home.html, все еще существует # fp-nav, и когда я использую колесико мыши, естьошибка консоли.

Uncaught TypeError: Cannot read property 'previousElementSibling' of undefined

Я не знаю, как я мог решить эту проблему ........ Есть ли какая-либо семантическая ошибка в моем коде? моя тестовая страница http://www.corein.kr/coreintive/cindy/index.html спасибо.

...