在fullcalendar中添加多个事件hovertext

时间:2014-01-16 12:29:53

标签: jquery

我的任务是在一天中显示多个事件。我正在使用Jquery完整日历,在mouseOver上它必须显示该特定日期所有事件。我面临的问题是,如果有3个事件2014年1月16日和2014年1月17日的2次事件,但是对于17-01-2014,它采取了3个事件,其中一个是未定义的。我想在2014年1月17日只显示2个事件。 提前致谢

我的部分代码在这里,整个代码都在http://jsfiddle.net/h9cC6/408/

$('#calendar').fullCalendar({

    var events_array = [
        {
             title: "Event",
             start:'2014-01-16',
             tip1:"long event",
             tip2:"medium",
             tip3:"short event",

        },
        {
             title: "Event",
             start:'2014-01-17',
             tip1:"Someday",
             tip2:"Importantday",
             ...
        },
        ...
    ];

});

1 个答案:

答案 0 :(得分:1)

我认为这是由于您创建工具提示的方式:

var tooltip = '<div class="tooltipevent" style=background:#ccc;position:absolute;>' + calEvent.tip1+"<br>" + calEvent.tip2 +"<br>"+ calEvent.tip3+' </div>';
    $("body").append(tooltip);

它应该是这样的:

var tooltip = '<div class="tooltipevent" style=background:#ccc;position:absolute;>';
if (calEvent.tip1) tooltip += calEvent.tip1+"<br>";
if (calEvent.tip2) tooltip += calEvent.tip2+"<br>";
if (calEvent.tip3) tooltip += calEvent.tip3+"<br>";
tooltip += ' </div>';
    $("body").append(tooltip);