带有工具提示的jquery ui datepicker - 工具提示功能在月份更改后不调用

Question

我正在尝试使 jquery ui datepicker（内联作为日历）与工具提示一起使用。一切正常，工具提示一直显示，直到我更改日历中的月份。然后工具提示停止工作。我不知道如何解决这个问题，我将不胜感激。 下面是我的代码（我使用的是this 脚本）。

谢谢！

$(function() {

var specialDays = {
  '2011': {
    '3': {
      '10': {tooltip: "Some event", className: "holiday"}
    },
    '4': {
      '15': {tooltip: "Some another event", className: "holiday"}
    }
  }
};

$('#datepicker').datepicker({beforeShowDay: function(date) {
  var d = date.getDate(),
    m = date.getMonth()+1,
    y = date.getFullYear();

  if (specialDays[y] && specialDays[y][m] && specialDays[y][m][d]) {
    var s = specialDays[y][m][d];
    return [true, s.className, s.tooltip]; // selectable
  }
  return [false,'']; // non-selectable
}});

/* tooltip*/
$(".ui-datepicker-calendar tbody").tooltip();

});

Answer 1

使用这个，它对我有用：

onChangeMonthYear: function(year, month, inst) {
                            setTimeout("$('.ui-datepicker-calendar tbody').tooltip()", '250');                              
                        }

Answer 2

将$('#datepicker').datepicker 的功能包装在一个函数中。然后，在加载工具提示时将该函数名称作为回调传递给工具提示函数。

您的事件未绑定的原因是 HTML 正在更改。

进一步说明：在工具提示脚本的第 115 行，有一个可用于回调的事件：

var initDatepicker = function(){
    $('#datepicker').datepicker({beforeShowDay: function(date) {
        // Your code...
    }});
};

$('.ui-datepicker-calendar tbody').tooltip({
    // On tooltip open, init the datepicker
    open: initDatepicker
});