Tag: 动画

链接上的CSS3动画单击，而不是页面加载

我有一个类似reddit的应用程序，我希望每当我关注项目时都会触发CSS3动画。 我已经设置好所以动画可以正常工作，但是会记录，但它也会在初始页面加载时触发。 任何不发生这种情况的尝试都会使动画在任何情况下都不起作用。 我的erb页面上的以下内容触发了动画： $(“.downvote”).on(‘click’, function() { $(‘#to-animate’).addClass(‘animation-left-to-right’); window.location.reload(false); }); 我在我尝试与jQuery一起使用的application.scss页面中也有以下定义： .fixed { position: fixed; } .no-display { display: none; } 任何人都可以帮我解决这个问题，以便在页面最初加载时动画不会触发吗？ 注意：我并没有将这个问题与动画本身的实际CSS复杂化，因为动画工作正常，只需要一次额外的时间。 如果有人认为它可以帮助我添加它，但我真的认为问题与我的JavaScript 。