完整的日历与描述

Question

我有Fullcalender的代码。我用了Adam shaw's Full calender plugin。在那里我只是想为每个事件添加一些描述。但是当我使用qtip时。它给了我描述，但它只在Hover上。

我的代码是

 $(document).ready(function() {
  var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
       var y = date.getFullYear();
        $('#calendar').fullCalendar({
            header: {
                left: 'month, basicWeek, basicDay',
                center: 'title',
                right: 'today,prev, next',
            },
            //events: "Calendar.asmx/EventList",
            //defaultView: 'dayView',
            events: [
            {
                title: 'DIWALI',
                start: new Date(2012,09,2),
                description: 'Today\'s Diwali',
                id: 1
            },
            {
                title: 'Long Event',
                start: new Date(y, m, d - 5),
                end: new Date(y, m, 1),
                description: 'long description3',
                id: 2
            }],
            eventRender: function(event, element) {
                element.qtip({
                    content: event.description + '<br />' + event.start,
                    style: {
                        background: 'black',
                        color: '#FFFFFF'
                    },
                    position: {
                        corner: {
                            target: 'center',
                            tooltip: 'bottomMiddle'
                        }
                    }
                });
            }
        });
        });

我只想在显示页面上有描述。任何人都可以帮忙吗？

Answer 1

此Answer将帮助您获得问题的解决方案。

请参阅下面的答案。