除非我在控制台中添加JQuery Click侦听器，否则它将无法正常工作

Question

我有两个带按钮的div，单击它们可将div的类（col-lg-6更改为col-lg-1）并添加sectionMinimized类。我试图使当单击带有sectionMinimized类的整个div时，控制台记录为“嘿”。出于某种原因，除非我添加以下内容，否则它将无法工作：

null

在控制台中。

代码如下：

$('.sectionMinimized').click(function() {
    console.log("HEY!");
});

有人可以建议我如何运行它吗？

Answer 1

问题在于，当时您正在为$('.sectionMinimized')设置监听器，因为该类是动态添加的，所以该类不存在，因此您所需要做的就是将事件委托给该类，那怎么办呢？就是这样：

$('.event-section').on('click', '.sectionMinimized', function() {
    console.log("HEY!");
});

应该解决的问题

Answer 2

在这里，文档准备好后附加事件

$(function(){
  $('.sectionMinmized').click(function() {
    console.log("HEY!");
  });
});


Executed when doc ready.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="sectionMinmized">Click</button>