Question

我现在花了3个小时，不能朝正确的方向移动一英寸。

这是我的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();

}）

所以这就是问题所在。我在文档中看到了这条评论

帮助！我的$（文档）.ready（）插件在刷新时工作正常但在第二页加载时断开。 smoothState.js提供onAfter回调函数，允许您重新运行插件。如果您不熟悉AJAX的工作方式，这可能会很棘手。

我确实遇到了这个问题，但是我将onAfter添加到了代码中。我还在接受

jquery.fullpage.js：1053 Uncaught TypeError：无法读取未定义的属性“top” at isCompletelyInViewPort（jquery.fullpage.js：1053）在scrollHandler（jquery.fullpage.js：967）在派遣（jquery-3.2.1.js：5206）在elemData.handle（jquery-3.2.1.js：5014）

这对我没有任何意义。问题是由Smoothstate引起的，但Fullpage.js上发生错误，当我将控制台日志放到Fullpage.js函数时，我得到了日志，但是由于这个错误，第二页上的函数不起作用。

编辑：我只是把它放在我的托管中，我现在也得到了这个。

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/。目前只有伊斯坦布尔咖啡馆链接正常运行。

非常感谢你能帮助我。

SmoothState.js和FullPage.js不能很好地协同工作

0 个答案: