fullcalendar - When I mouse over a day, I want to call tooltip -


if write below, can function but, don't know how call tooltip event. when apply eventmouseover, work perfectly, below, dosen't call anything.

 $('body').on('mouseover', 'td.fc-day, td.fc-day-number', function() {            var start=$(this).data('date');            var tooltip = '<div class="tooltipevent" style="width:200px;height:50px;background:#fff;position:absolute;z-index:10001; padding:20px; border:1px solid rgba(0,0,0,0.1);">' + "ssss" + '</div>';             $(this).append(tooltip);  }); 

use bootstrap tooltip plugin http://getbootstrap.com/javascript/#tooltips . , inside eventrender callback write following:

eventrender: function(event, element) {     $(element).tooltip({title: event.title}); } 

this work

image

update : above hover on event, hover on day:

$(".fc-day").hover(function(){    // code creating tooltip }); 

Comments

Popular posts from this blog

html - Styling progress bar with inline style -

java - Oracle Sql developer error: could not install some modules -

How to use autoclose brackets in Jupyter notebook? -