我正在为一个项目使用parallax.js和animate.css。我想单击一个红色圆圈来触发函数，但单击事件对它们不起作用（或<ul>层内的任何内容）。
我现在尝试了很多东西，但没有任何效果。唯一让它工作的事情是当我删除#scene <ul>的高度属性时，但它看起来不正确。
编辑：当我单击圆圈时，圆圈应该隐藏。就像一层会覆盖在他们身上，但什么都没有。
你的Javascript在这里没有错
问题是你的<li>元素掩盖了你的红色圆圈。从视觉上您可以看到它们，但是如果您右键单击并Inspect Element其中一个圆圈，它将显示您最后<li>的项目。您还可以通过在控制台中编写以下内容来检查动画是否正常工作：
$('.c1').click()
您通常可以用他们的z-indices来解决这个问题。 即将圆圈的z-index更改为更高，并将其他元素上的z-index值设置为较低。
但是，问题似乎是您在新的<li>元素中具有每个circle。我能够通过以下内容在您的网站上解决此问题：
<div class="circle c1 animated"></div>
<div class="circle c2 animated"></div>
<div class="circle c3 animated"></div>
<div class="square s1"></div>
<div class="square s2"></div>
<div class="square s3"></div>
在一个<li>元素中，而不是将它们放在单独的元素中。