jquery UI下一个上一个月事件

我正在使用jQueryUIDatePicker设置事件日历。您可以在这里看到我已经创建的内容的一部分：

因此，我创建了一个带有日期的字符串，当您单击带有事件的日期时，它将显示事件列表，当您单击没有事件的日期时，它将显示一条消息，表明该日期没有事件

我已经创建了一个函数，当我单击日期时，它会处理这个问题：

$(document).ready(function(){   
    function eventInit(){
        $('.ui-datepicker-calendar tbody tr td').click(function(){
            if($(this).hasClass('dayWithEvents')){
                $('.list-of-events').fadeIn('nornal');
                $('.no-events').fadeOut(1);
                eventInit();
            }else{
                $('.no-events').fadeIn('nornal');
                $('.list-of-events').fadeOut(1);
                eventInit();
            }
        });


    }
    eventInit();

问题是，当我更改月份时（在js FIDLE中，您可以使用红点），此函数将不再运行。因此，如果我点击某个日期，一切都会正常工作，但如果我在该日期后的一个月更改，该功能将不再运行。我尝试创建另一个函数来运行第一个函数：

function nextPrevInit(){
    $('.ui-datepicker-next, .ui-datepicker-prev').click(function(){
        eventInit();
    }); 
}
nextPrevInit();

但问题是，只有我改变月份，它才会起作用。一旦我点击日期并再次更改月份，该功能将不再工作

所以，基本上我想做的是在月份改变后运行eventInit函数。 有什么想法吗？ 感谢

如下图所示修改“下一步”和“上一步”按钮的代码似乎可以解决此问题：

function eventInit() {
  $('.ui-datepicker-calendar tbody tr td').click(function () {
    if ($(this).hasClass('dayWithEvents')) {
        $('.list-of-events').fadeIn('nornal');
        $('.no-events').fadeOut(1);

    } else {
        $('.no-events').fadeIn('nornal');
        $('.list-of-events').fadeOut(1);
    }
      eventInit();
  });
}
eventInit();
$(document).on("click", '.ui-datepicker-next, .ui-datepicker-prev', eventInit);