jquery – 年度视图中fullcalendar的工具提示

前端之家收集整理的这篇文章主要介绍了jquery – 年度视图中fullcalendar的工具提示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在年视图中为fullcalendar添加工具提示.我尝试使用下面的一个,但它添加了工具提示到月视图.我尝试使用谷歌,但没有找到任何相关的这一点.有没有其他方法在年视图中添加工具提示
  1. eventMouSEOver: function(calEvent,jsEvent) {
  2. xOffset = 10;
  3. yOffset = 30;
  4. $("body").append(calEvent.tooltip);
  5. $("#tooltip")
  6. .css("top",(jsEvent.clientY - xOffset) + "px")
  7. .css("left",(jsEvent.clientX + yOffset) + "px")
  8. .fadeIn("fast");
  9. },eventMouSEOut: function(calEvent,jsEvent) {
  10. $("#tooltip").remove();
  11. }

解决方法

  1. eventMouSEOver: function(calEvent,jsEvent) {
  2. var tooltip = '<div class="tooltipevent" style="width:100px;height:100px;background:#ccc;position:absolute;z-index:10001;">' + calEvent.title + '</div>';
  3. var $tooltip = $(tooltip).appendTo('body');
  4.  
  5. $(this).mouSEOver(function(e) {
  6. $(this).css('z-index',10000);
  7. $tooltip.fadeIn('500');
  8. $tooltip.fadeTo('10',1.9);
  9. }).mousemove(function(e) {
  10. $tooltip.css('top',e.pageY + 10);
  11. $tooltip.css('left',e.pageX + 20);
  12. });
  13. },jsEvent) {
  14. $(this).css('z-index',8);
  15. $('.tooltipevent').remove();
  16. },

猜你在找的jQuery相关文章