jQuery'click'事件没有触发

Question

我不能为我的生活弄清楚为什么这个点击功能不能在这个codepen上工作。我知道如何使用jQuery的click方法。如果第二组眼睛可以看到这个并进行诊断，那将非常感激。这是我的codepen的一个分支，click方法在顶部，看起来像这样：

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

以下是相关的HTML：

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

Here是代码。

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

Answer 1

这是你的CSS。我删除了你的CSS，它工作。你的按钮被东西阻挡了。他们需要在前面点击。

您的部分设置为z-index为-1。

Answer 2

隐藏按钮！在一些元素下。

Answer 3

给按钮一个id并从控制台$('#id').click()运行以检查它是否真的不起作用，并且它正在工作，点击不会被触发，因为某些css会生成重叠元素而不是

Answer 4

问题在于<div class="chart-container">。当您单击按钮时，实际上是对容器进行了单击。

您可以通过将z-index:-5;添加到.chart-container CSS样式来解决此问题。