我正在使用一个名为FullCalendar的非常基本的JQuery插件来为我的网站添加易于使用的日历。到目前为止,我几乎没有遇到任何麻烦。主要问题是,当您向事件对象中的事件添加URL时,它会在其下面放置不必要的空间。此外,当标题小于6或7个字符左右时,它与url一起正常工作。但是当你有几个单词时,它会增加空间。我真的无法弄清楚这一点。
我导入了样式表和js文件。
<link rel='stylesheet' type='text/css' href='fullcalendar.css' />
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='fullcalendar.js'></script>
我还有一个简单的脚本来设置日历和创建两个事件。
$(function() {
/* initialize the calendar
-----------------------------------------------------------------*/
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
buttonText: {
prev: '<i class="icon-chevron-left"></i>',
next: '<i class="icon-chevron-right"></i>'
},
header: {
left: 'prev,next today',
center: 'title',
right: ''
},
events: [
{
title: 'All',
start: new Date(y, m, 1),
url: 'single-event.php'
},
{
title: 'All Day Event',
start: new Date(y, m, 1),
url: 'index.html'
}]
});
})
以下是同一问题的链接 - why is there extra space between url-tagged events?