SmoothState.js显示当前页面直到下一个加载

Question

我在WordPress上使用smoothstate.js并且我正在试图弄清楚如何保持当前页面处于活动状态直到下一个完全加载：因此新页面将在当前页面退出时显示在后面。这是一个例子：http://springsummer.dk/

这是我的代码：

(function($) {
'use strict';
var $page = $('#main'),
    options = {
        debug: true,
        prefetch: true,
        cacheLength: 10,
        onStart: {
            duration: 1000, // 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 ($container) {
            $container.removeClass('is-exiting');
        }
    },
    smoothState = $page.smoothState(options).data('smoothState');
})(jQuery);

Answer 1

我找到的解决方案是在临时包装器中克隆当前页面。