jQuery FullCalendar对象不支持属性或方法qtip
jQuery FullCalendar插件在IE版本10及以下版本中抛出此qtip错误,导致其未显示: 对象不支持属性或方法“qtip” Chrome、Firefox和IE11似乎并没有在控制台中抛出这个错误。我在谷歌上做了几次搜索,记录了这一已知问题,但没有找到具体的解决方案 有人建议旧版本的IE可能无法完全加载库,并添加一个设置超时功能使其工作,但似乎没有帮助 我已经按照这个顺序在我的页面中包含了以下js文件:jquery-1.9.1.js、fullcalendar.min.js、jquery.qtip.min.js以及需要包含的CSS文件 qtip函数在此处抛出错误:jQuery FullCalendar对象不支持属性或方法qtip,jquery,fullcalendar,Jquery,Fullcalendar,jQuery FullCalendar插件在IE版本10及以下版本中抛出此qtip错误,导致其未显示: 对象不支持属性或方法“qtip” Chrome、Firefox和IE11似乎并没有在控制台中抛出这个错误。我在谷歌上做了几次搜索,记录了这一已知问题,但没有找到具体的解决方案 有人建议旧版本的IE可能无法完全加载库,并添加一个设置超时功能使其工作,但似乎没有帮助 我已经按照这个顺序在我的页面中包含了以下js文件:jquery-1.9.1.js、fullcalendar.min.js、jquer
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');
非常感谢您的任何建议-谢谢 我可以加载以下脚本:
<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>
<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>