SmoothState.jsとFullPage.jsがうまく機能していません

Question

私は3時間ぐらい過ごしましたが、正しい方向に1インチ移動できませんでした。ここで

は私のJavascriptで、

jQuery(document).ready(function($){ 

'use strict'; 
var $page = $('#fullpage'), 
    options = { 
     debug: true, 
     prefetch: true, 
     cacheLength: 2, 
     scroll: false, 
     onStart: { 
      duration: 250, // Duration of our animation 
      render: function ($container) { 
       // Add your CSS animation reversing class 
       $container.addClass('is-exiting'); 
       // Restart your animation 
       smoothState.restartCSSAnimations(); 
      } 
     }, 
     onReady: { 
      duration: 0, 
      render: function ($container, $newContent) { 
       // Remove your CSS animation reversing class 
       $container.removeClass('is-exiting'); 
       // Inject the new content 
       $container.html($newContent); 
      } 
     }, 
     onAfter: function() { 
      initMap(); 
      fullPage(); 
      logoAnim(); 

     } 
    }, 
smoothState = $page.smoothState(options).data('smoothState'); 


function fullPage() { 
    $('#fullpage').fullpage({ 
     autoScrolling: false, 
     fitToSection: false, 
     navigation: true, 
     navigationPosition: 'left', 
     showActiveTooltip: false 
    }); 
}; 

fullPage(); 
    function logoAnim() { 
    $(window).scroll(() => { 
     if(window.pageYOffset > 20){ 
      $('#logo').addClass('play'); 
     } else { 
      $('#logo').removeClass('play'); 
     } 
    }); 
}; 

logoAnim(); 

}）

そこでここでは問題があります。私はこのコメントを文書に見ました

Help! My $(document).ready() plugins work fine when I refresh but break on the second page load. smoothState.js provides the onAfter callback function that allows you to re-run your plugins. This can be tricky if you're unfamiliar with how AJAX works.

私はまさにこの問題を抱えていますが、コードにonAfterを追加しました。 967：scrollHandler（jquery.fullpage.jsで 1053キャッチされない例外TypeError：：：プロパティを読み取ることができません 未定義の '上部' isCompletelyInViewPortで（1053 jquery.fullpage.js）私はまだ

jquery.fullpage.jsを取得しています） 派遣で（jqueryの - 3.2.1.js：5206）elemData.handle（jqueryの - 3.2.1.jsで ：5014）

これは、私にはどんな意味がありません。問題はSmoothstateによって引き起こされますが、Fullpage.jsでエラーが発生しています。また、Fullpage.jsの機能にコンソールログを記録すると、ログが表示されますが、このエラーのために2ページ目の機能が動作しません。

編集：私はちょうど私のホスティングに入れて、私も今これを取得しています。

main.js:39 Uncaught TypeError: $(...).fullpage is not a function 
at fullPage (main.js:39) 
at Object.onAfter (main.js:30) 
at HTMLDivElement.<anonymous> (jquery.smoothState.min.js:9) 
at HTMLDivElement.e (jquery.min.js:3) 
at HTMLDivElement.dispatch (jquery.min.js:3) 
at HTMLDivElement.q.handle (jquery.min.js:3) 
at Object.trigger (jquery.min.js:4) 
at HTMLDivElement.<anonymous> (jquery.min.js:4) 
at Function.each (jquery.min.js:2) 
at r.fn.init.each (jquery.min.js:2) 

ステージングhttp://artticfox.com/new_site/が見つかります。 現時点ではイスタンブールカフェのリンクのみが機能しています。

お手伝いができれば大変ありがとうございます。

Answer 1

$(...).fullpage is not a function

これは、fullpage.jsをまったくインポートしていないためです。あなたのソースをチェック：またhttp://artticfox.com/new_site/js/jquery.fullpage.js

を、最新fullpage.jsバージョン2.9.4を使用してください、あなたがSmotthStateのためのアンカーを使用している場合には、あなたは彼らが持っていないので、fullPage.jsでlockAnchors:trueを使用する必要がありますその中の効果。