fullcalendar with clickable popup on hover

后端 未结 8 2304
名媛妹妹
名媛妹妹 2020-12-13 11:12

I need a pop up on hover full calendar like this one.

Have tried full calendar with qtip but could not get clickable popup its disappers when mouse is out from the s

8条回答
  •  旧时难觅i
    2020-12-13 11:26

    Updated answer based on @Divyank Sabhaya's solution to work on v4

    eventMouseEnter: function(calEvent) {
    var tooltip = '
    ' + calEvent.event._def.extendedProps.description + '
    '; $("body").append(tooltip); $(this.el).mouseover(function(e) { $(this.el).css('z-index', 10000); $('.tooltipevent').fadeIn('500'); $('.tooltipevent').fadeTo('10', 1.9); }).mousemove(function(e) { $('.tooltipevent').css('top', e.pageY + 10); $('.tooltipevent').css('left', e.pageX + 20); });}, eventMouseLeave: function(calEvent, jsEvent) { $(this.el).css('z-index', 8); $('.tooltipevent').remove();},

    best

提交回复
热议问题