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>

这是codepen。

（我在这里使用了完全相同的click方法，并且一切正常。）

Answer 1

这是您的CSS。 我删除了您的CSS，它起作用了。 您的按钮被东西堵住了。 他们需要在最前面才能被点击。

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

Answer 2

按钮是隐藏的！ 在某些元素下。

Answer 3

给按钮一个id并从控制台$('#id').click()以检查它是否确实不起作用，并且它是否起作用，因为某些css生成了覆盖了clicket的重叠元素，所以并未触发点击

Answer 4

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

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