单击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中单击动态元素的循环。以下代码应该适用于所有浏览器。

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