單擊功能在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中使用屬性選擇器。 無需for循環即可單擊jquery中的動態元素。 下面的代碼應該在所有瀏覽器中都可以使用。

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