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

发布时间:2020-02-21 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了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();
},

总结

以上是脚本之家为你收集整理的jquery – 年度视图中fullcalendar的工具提示全部内容,希望文章能够帮你解决jquery – 年度视图中fullcalendar的工具提示所遇到的程序开发问题。

其他人正在看

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478
标签: