javascript - 删除和添加回元素后，JQuery 单击功能不起作用

Question

这是我的点击函数

$('.cal table tbody td').on('click', function () {
    if($(this).hasClass('available'))
    {
        alert('asd');
    }
});

我遇到的问题是切换到下个月或上个月后，我在日历上的点击功能不起作用。

例如在我的 JSFIDDLE 中，如果你移到上个月然后移回当前月份并执行点击功能，它将不再起作用。

编辑:我正在使用一个名为 date.js 的外部库，查看我的 jsfiddle 以更清楚地了解正在发生的事情。

编辑 2:更新 jsfiddle 链接

jsfiddle

Answer 1

使用这个

$(document).on('click','.cal table tbody td', function () {
        if ($(this).hasClass('available')) {
            alert('asd');
        }
});

而不是这个

$('.cal table tbody td').on('click', function () {
        if ($(this).hasClass('available')) {
            alert('asd');
        }
    });

Former 是 delegate 的正确替代品