javascript - 尝试在 JavaScript/jQuery 中添加点击事件

Question

我正在尝试创建一个“for”循环，为日历中的每一天添加一个函数点击后会生成一张卡片，其中包含所点击当天的类(class)描述。

我的问题是，它会在我加载日历的那一刻构建该月所有日子的所有卡片，而无需等待我单击特定元素。

这是与此问题相关的我的代码的一部分:

for(let i=1;i<=numberOfDays;i++){  //go through all days and building them in a calendar
  $(`ul.days`).append(`
  <li class="day${i}">${i}</li>
  `)
   lessons(date,i); //this just mark the days that have lessons in them
   $(`day${i}`).click(showCard(date,i)); //for each day adds a function
}

Answer 1

您可以使用on()为动态创建的元素附加事件。然后在匿名函数内部调用该函数，如下所示:

更改:

$(`day${i}`).click(showCard(date,i));

至

$('ul').on('click', `.day${i}`, function { showCard(date,i) });