javascript - 单击功能在 IE 中不起作用 - Jquery

Question

我的 jquery 代码有问题，我创建了一种日历，如果您单击某个日期，就会在其中显示带有附加信息的叠加层。它在 chrome 中运行良好，它完全符合我的要求，但在 IE 中，当您单击日期时没有任何反应，不显示覆盖。已经为此苦苦挣扎了一段时间，真的需要一些帮助。这是代码:

$(document).ready(function() {
    for(let i=0; i<50; i++) {
        $("#calendar" + i).each (function() {
            $(this).click (function() {
                $("#calendar" + i).toggleClass("bigcalendar");      
            }); 
        });
    }
});

这是一个工作示例的链接:

http://codepen.io/kmars/pen/BLbQoA

Answer 1

在 jquery 中使用属性选择器。在 jquery 中单击动态元素不需要 for 循环。下面的代码应该适用于所有浏览器。

$(document).on('click','[id^=calendar]', function() {
   $(this).toggleClass("bigcalendar");  
});