parallax.js和animate.css - > onClick不起作用

Question

我對項目使用parallax.js和animate.css。我想點擊一個紅色的圓圈來觸發一個功能，但點擊事件並不適用於它們（或<ul>圖層中的任何內容）。

我已經嘗試了很多東西，沒有任何工作。唯一讓它工作的是當我刪除#scene <ul>的高度屬性，但它看起來不正確。

編輯：當我點擊它們時，圈子應該隱藏起來。這就像一個層會覆蓋他們，但沒有任何東西。

Answer 1

沒有什麼錯你的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>元素，而不是在單獨的人有他們。