css3动画有时在第一页请求时无法正常工作，但之后

Question

我认为这可能是一个缓存问题，在site上的第一页请求，＆＃39; flipInX ＆＃39;使用 animate.css 的动画有时不起作用，但在加载每个后续页面请求后都能正常工作。现在尝试重新加载页面，同时删除缓存（shift + F5），有时会出现问题。除了第一个动画（＆＃39; zoomIn ＆＃39;动画）之外的动画似乎每次都有效。它只是导致问题的第一个动画。就像文本变得可见一样，它的动画已经结束或即将结束（仅剩下可见的小动画）。我在jquery中添加了代码如下：

$(document).ready(function(){

    $("#particles-js .pro-title").css('visibility', 'visible').addClass("animated flipInX");

    var events = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";

    $("#particles-js .pro-title").one(events, function(){

        $("#particles-js .pro-desc").css('visibility', 'visible').addClass("animated zoomIn");
    });

    .....
}

所以我认为它应该可见，然后在加载后制作动画，但它不会在第一页加载时发生。我该怎么做才能使它在第一页加载时可见并正确动画？如你所知，第一印象是最后的印象，所以我需要做到最好！请帮忙！