jQuery FullCalendar object doens't support property or method qtip -


the jquery fullcalendar plugin throws qtip error in ie versions 10 , below causing not show:

object doesn't support property or method 'qtip'

chrome, firefox, , ie11 don't seem throw error in console. i've done several google searches document known issue have not found concrete solution.

it suggested older versions of ie may not load library , add set timeout function make work did not seem help

i have include following js file in page in order: jquery-1.9.1.js, fullcalendar.min.js, jquery.qtip.min.js , necessary css files include well.

the error thrown on qtip function here:

var tooltip = $('<div/>').qtip({             id: 'fullcalendar',             prerender: true,             content: {                 text: ' ',                 title: {                     button: true                 }             },             position: {                 my: 'bottom center',                 at: 'top center',                 target: 'mouse',                 viewport: $('#fullcalendar'),                 adjust: {                     mouse: false,                     scroll: false                 }             },             show: false,             hide: false,             style: {                 classes: 'qtip-plain qtip-shadow'             }         }).qtip('api'); 

any suggestions appreciated - thanks!

it works me loading following scripts:

<link rel="stylesheet" href="/fullcalendar/lib/cupertino/jquery-ui.min.css" media="screen" /> <link rel="stylesheet" href="/fullcalendar/fullcalendar.css" media="screen" /> <link type="text/css" rel="stylesheet" href="/qtip/jquery.qtip.css" />  <script src="/jquery-2.1.1.min.js"></script> <script src="/fullcalendar/lib/moment.min.js"></script> <script src="/fullcalendar/fullcalendar.min.js"></script> <script src="/qtip/jquery.qtip.js"></script> 

and configuring fullcalendar this, adding qtip inside eventrender:

<script> jquery(document).ready( function($) {     $('#calendar').fullcalendar({         header: { /* config */ },         events: function ( start, end, timezone, callback ) { /* config */ },         eventrender: function ( event, element )          {             element.qtip({                  content: {                     text: event.title                 },                 position: {                     target: 'mouse',                     adjust: {                          x: 10,                          y: 10,                          mouse: false                      }                 }              });         }     }); }); </script> 

Comments

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -