我正在使用parallax.js和animate.css作为项目。我想点击一个红色圆圈来激活一个函数，但是click事件不会对它们起作用（或<ul>图层内的任何内容）。
我现在尝试了很多东西而且没有任何效果。让它工作的唯一方法是当我删除#scene <ul>的高度属性但它看起来不正确时。
编辑：点击它们时，圈子应隐藏。就像一层层叠在它们上面但没有任何东西。
答案 0 :(得分：1)
您的Javascript没有任何问题
问题是您的<li>元素正在屏蔽您的红色圆圈。在视觉上，您可以看到它们，但是如果您右键单击并在其中一个圈子中Inspect Element，它将显示您的上一个<li>项目。您还可以通过在控制台中书写来检查您的动画是否正常工作：
$('.c1').click()
您通常可以使用z-indices来解决此问题。即将圈子的z-index更改为更高，并将其他元素的z-index值设置为更低。
但是，问题似乎是新circle元素中的每个<li>。我能够通过以下方式在您的网站上修复此问题：
<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>元素中，而不是将它们放在不同的元素中。