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

abc*_*123 2 html javascript css jquery calendar

这是我的点击功能

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

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

例如,在我的JSFIDDLE中,如果u移至上个月,然后移至当前月份并执行click功能,它将不再起作用。

编辑:我正在使用一个名为date.js的外部库,请检查我的jsfiddle,以了解发生了什么事情。

编辑2:更新了jsfiddle链接

jsfiddle

anu*_*anu 5

用这个

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

代替这个

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

前者是 delegate