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
update : above hover on event, hover on day:
$(".fc-day").hover(function(){ // code creating tooltip });
Comments
Post a Comment