有没有办法将 mouseOver 上的个人文本添加到 fullcalendar答案

【问题标题】：Is there a way to add personal text on mouseOver to fullcalendar有没有办法将 mouseOver 上的个人文本添加到 fullcalendar
【发布时间】：2012-09-04 07:00:58
【问题描述】：

我正在尝试将个人文本添加到完整日历中的鼠标悬停中。下面的脚本仅适用于事件的标题。示例：JS Fiddle Example。请问如何让鼠标悬停显示我的个人文字。

JavaScript

$(document).ready(function() {

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

$('#calendar').fullCalendar({
    theme: true,
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: true,

    // add event name to title attribute on mouseover
    eventMouseover: function(event, jsEvent, view) {
        if (view.name !== 'agendaDay') {
            $(jsEvent.target).attr('title', event.title);
        }
    },

    // For DEMO only
    // *************
    events: [
        {
        title: 'All Day Event',
        start: new Date(y, m, 1)},
    {
        title: 'Long Event',
        start: new Date(y, m, d - 5),
        end: new Date(y, m, d - 2)},
    {
        id: 999,
        title: 'Repeating Event',
        start: new Date(y, m, d - 3, 16, 0),
        allDay: false},
    {
        id: 999,
        title: 'Repeating Event',
        start: new Date(y, m, d + 4, 16, 0),
        allDay: false},
    {
        title: 'Meeting',
        start: new Date(y, m, d, 10, 30),
        allDay: false},
    {
        title: 'Lunch',
        start: new Date(y, m, d, 12, 0),
        end: new Date(y, m, d, 14, 0),
        allDay: false},
    {
        title: 'Birthday Party',
        start: new Date(y, m, d + 1, 19, 0),
        end: new Date(y, m, d + 1, 22, 30),
        allDay: false},
    {
        title: 'Click for Google',
        start: new Date(y, m, 28),
        end: new Date(y, m, 29),
        url: 'http://google.com/'}
    ]
});

});

【问题讨论】：

什么意思？在每个单元格上显示一个标题，还是在整个日历上显示一个标题？
什么个人文字？在哪个鼠标悬停上？
@henrik 我想为每个事件添加一些个人文本，以便当用户将鼠标悬停在具有事件的单元格上时，将显示包含的附加文本。只有具有事件的单元格才会携带附加文本。谢谢
像title: 'Birthday Party', text: 'Please bring a gift to the birthday boy!' 这样的文本参数应该和标题一样显示？
@Henrik 是的。但是额外的文本必须是鼠标悬停，而事件的实际名称保持不变。

标签： javascript jquery css fullcalendar mouseover

【解决方案1】：

您可以使用eventRender 回调来做到这一点。

检查这个小提琴：http://jsfiddle.net/100thGear/h9cC6/

如果这有帮助，请告诉我！

【讨论】：

【解决方案2】：

$(document).ready(function() {

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var additionaltext="this is aditional text";

$('#calendar').fullCalendar({
    theme: true,
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: true,

    // add event name to title attribute on mouseover
    eventMouseover: function(event, jsEvent, view) {
        if (view.name !== 'agendaDay') {
            $(jsEvent.target).attr('title', event.title);
        }
    },

    // For DEMO only
    // *************
    events: [
        {
        title: 'All Day Event' + additionaltext,
        start: new Date(y, m, 1)},
    {
        title: 'Long Event' + additionaltext,
        start: new Date(y, m, d - 5),
        end: new Date(y, m, d - 2)},
    {
        id: 999,
        title: 'Repeating Event' + additionaltext,
        start: new Date(y, m, d - 3, 16, 0),
        allDay: false},
    {
        id: 999,
        title: 'Repeating Event' + additionaltext,
        start: new Date(y, m, d + 4, 16, 0),
        allDay: false},
    {
        title: 'Meeting' + additionaltext,
        start: new Date(y, m, d, 10, 30),
        allDay: false},
    {
        title: 'Lunch' + additionaltext,
        start: new Date(y, m, d, 12, 0),
        end: new Date(y, m, d, 14, 0),
        allDay: false},
    {
        title: 'Birthday Party',
        start: new Date(y, m, d + 1, 19, 0),
        end: new Date(y, m, d + 1, 22, 30),
        allDay: false},
    {
        title: 'Click for Google' + additionaltext,
        start: new Date(y, m, 28),
        end: new Date(y, m, 29),
        url: 'http://google.com/'}
    ]
});

});

寻找它，如果是，则标记为答案

【讨论】：