twitter bootstrap - "Previous" and "Next" buttons in FullCalendar Producing "OFF" message -
i've created bootstrap modal display event calendar work location using fullcalendar. 90% of time, works, 1 location creates "off" message occupies entire screen.
the offending page live here:
http://gchrl.org/test.php?q=locations/columbia-county-library
the code 1 branch identical, i'm @ loss why branch not function others.
the images below show behavior; modal displayed properly, , resulting display pressing either "next" or "previous" trigger.
this code responsible you're seeing, in custom.js
$('#evanscal').click(function() { if ($(this).text() == 'off') { $('#eventcal').fullcalendar('addeventsource',evansgcal); $('#eventcal').fullcalendar('addeventsource',evansgkidscal); $('#eventcal').fullcalendar('addeventsource',teengcal); $(this).text('on'); $(this).removeclass('btn-default'); $(this).addclass('btn-info'); } else { $('#eventcal').fullcalendar('removeeventsource',evansgcal.googlecalendarid); $('#eventcal').fullcalendar('removeeventsource',evansgkidscal.googlecalendarid); $('#eventcal').fullcalendar('removeeventsource',teengcal.googlecalendarid); $(this).text('off'); $(this).removeclass('btn-info'); $(this).addclass('btn-default'); } });
evanscal
refers entire modal window, includes background.
it's not clicking on next/previous arrow causing issue, it's clicking anywhere. text of calendar not off, else
gets hit, calendar gets event sources removed, , entire contents of modal window replaced word "off".
try yourself, when launch modal, click on background, relaunch modal. you'll see off text.
i don't follow you're trying turning entire modal window button, debugging should start block of code. want hooking click handler other entire window.
Comments
Post a Comment