Javascript 延迟页面转换

由于某些原因，smoothState.js从来没有为我工作过，所以我尝试自己的东西，只是简单而已

问题：如何延迟默认页面转换，使其在css动画结束后开始，请参见。不预加载其他页面，因为它将以fadeIn动画开始。我走了这么远

jquery

$(document).ready(function() {
$("a").click(function(e) {
  e.preventDefault();
  var href = $(this).attr('href');
  $(body).addClass("lightSpeedOut")(function(){
    window.location = href;
  });
});
});

html在这里

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-3 no-padding">
            <img src="img/t-cover.jpg" class="img-responsive-cover" alt="girl in a white top" />
            <div class="overlay">
                <h2>Tops & T-Shirts</h2>
                <p><a href="html/tops.html"> Enter the world of Isabel Marant, Alice and Olivia and more...</a></p>
            </div>
        </div>
    </div>
</div>

上衣和T恤

等待动画事件结束，然后重定向用户

var ANIMATION_END='animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd'；
$（'body'）.addClass（'lightSpeedOut'）.one（动画结束，函数（）{
window.location=href；
} );

似乎比我在网上其他地方看到的要容易，但我遇到了一个不同的问题。如果我添加了你的代码（甚至是我在上面发布的代码），如果我点击链接，什么都不会发生。如果删除最后一个函数部分，它将执行默认转换。但似乎看不出哪里出了问题。我可能误解了，但我对你的问题和你试图实现的目标的解释是：我正在运行一个动画，并希望在动画完成后重定向。是的，但正如你在小提琴中看到的，在我单击链接后，什么也没有发生。无重定向无动画。您需要包括

jQuery

。另外，我认为像Plunker和JSFIDLE这样的工具实际上不会重定向。你真是个天才！我希望这有助于其他人，因为每当我在谷歌上搜索东西时，它会让一切变得如此复杂，而这是非常简单的。谢谢你，伙计！！