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

这是我的点击功能

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

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

例如，在我的 JSFIDDLE 中，如果您移至上个月，然后移回当月并执行单击功能，则它将不再起作用。

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

编辑2：更新了jsfiddle链接

jsfiddle http://jsfiddle.net/kPY68/1/

Use this

$(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');
        }
    });

前者是正确的替代品delegate