jQuery的'點擊'事件沒有觸發

我不能爲我的生活弄清楚爲什麼這個點擊功能不適用於這個codepen。我知道如何使用jQuery的click方法。如果第二組眼睛可以看到這個和診斷，它將非常感激。這裏是我的codepen的一個分支，該click方法是往上頂，看起來像這樣：jQuery的'點擊'事件沒有觸發

$('button').click(function() { 
    alert('clicked!'); 
});

下面是相關HTML：

<section class="left"> 
    <button class="left-button">Show Chart</button> 
</section>

Here是codepen。

（我使用完全相同的click方法here，一切工作正常）

來源

2015-06-19 Himmel

'.chart-container'在你的按鈕之上 –

在你去z-index瘋狂之前，爲你自己創造一個更大的頭痛，特別是使用負值的我的上帝。看看你是否可以重構你的HTML不需要在三個不同元素上的z索引。我幾乎從不使用z-index，除非我真的必須這樣做。不知道HTML的目標很難提供建議，但我們已經隔離了這個問題，修復不一定要改變另一個z-index。 – Leeish

或者，我只是將'pointer-events：none'添加到了阻塞元素（'.chart-container'）。這使我可以在沒有實現z-index解決方案的情況下點擊按鈕。 – Himmel

這是你的CSS。我刪除了你的CSS，它工作。你的按鈕被東西阻塞。他們需要在前面點擊。

您的部分設置爲-1的z索引。

來源

2015-06-19 17:54:06 Leeish

是的，它是隱藏的。刪除CSS樣式後[作品]（http://jsfiddle.net/ghrnvm16/）。 – MaxZoom

我在'.chart-container'中添加了'pointer-events：none'，允許我點擊按鈕。謝謝您的幫助。 – Himmel

從未聽說過'pointer-events：none' – Leeish

這些按鈕是隱藏的！在某些元素下。

來源

2015-06-19 17:55:08 Varun

給該按鈕的ID，並從控制檯$('#id').click()運行檢查it's真的不工作，並且它是工作，不會觸發點擊因爲一些CSS生成疊加元素得到clicket代替

來源

2015-06-19 17:57:41

問題與<div class="chart-container">。當你點擊按鈕時，實際上是對容器進行點擊。

您可以通過將z-index:-5;添加到.chart-container CSS樣式來解決此問題。

來源

2015-06-19 17:59:09

查看上面的評論，'pointer-events：none'也解決了這個問題。 – Himmel

jQuery的'點擊'事件沒有觸發

回答

相關問題