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

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

解决方法

eventMouSEOver: function(calEvent,jsEvent) {
    var tooltip = '<div class="tooltipevent" style="width:100px;height:100px;background:#ccc;position:absolute;z-index:10001;">' + calEvent.title + '</div>';
    var $tooltip = $(tooltip).appendTo('body');

    $(this).mouSEOver(function(e) {
        $(this).css('z-index',10000);
        $tooltip.fadeIn('500');
        $tooltip.fadeTo('10',1.9);
    }).mousemove(function(e) {
        $tooltip.css('top',e.pageY + 10);
        $tooltip.css('left',e.pageX + 20);
    });
},jsEvent) {
    $(this).css('z-index',8);
    $('.tooltipevent').remove();
},
原文链接:https://www.f2er.com/jquery/179103.html

猜你在找的jQuery相关文章