Question

这是一个有趣的问题，我在这里搜索过我的网站JS和CSS并且无法找到罪魁祸首：

FullCalendar是在Wordpress网站上实现的（使用MySiteMyWay Echelon主题），一切都很好，除了正常的标题TITLE，日历不会显示。

以下是标准要素：

$caldrw = '<script type=\'text/javascript\'>
jQuery(document).ready(function($) {
$(\'#fc-calendar\').fullCalendar({
editable: false,
titleFormat: {
month: \'MMMM YYYY\',
week: "MMM d[ yyyy]{ \'&#8212;\'[ MMM] d yyyy}",
day: \'dddd, MMM d, yyyy\'
},
header: {
left:   \'today,prev,next\',
center: \'title\',
right:  \'month,agendaWeek,agendaDay\'
},
theme: false,
defaultView: \'month\',
aspectRatio: 1.75,
firstHour: 7,

等等......

转义'存在，因为脚本被设置为php变量以作为内容插入页面。

这是有趣的部分...... 所有其他标题参数显示和完美地左，右或中心。标题不会显示在任何位置。我怀疑可能存在JS或css冲突，但我找不到它。

我正在使用最新的

fullcalendar css (eventify.fullcall.css) and 
fullcakendar js (fullcalendar.min.js), 
jQuery UI (jquery.ui.core.js and eventify.ui.theme.css),
qTip 1+ (qtip.js),
gCal (gcal.js) and
jQuery 1.7.1.

以下是网站上日历的URL（查看源代码提供了完整的代码以及对css和js文件的引用）： http://riverchurchbishop.com/calendar/

提前感谢您的指导。

Answer 1

标题显示在日历的中心。但它的颜色要么与屏幕相同，要么显示屏被隐藏，或者有一些滤镜的不透明度为0.

标题由日历H2中的DIV标记组成。因此，适用于文件中H2的所有设置都将应用于title元素。

这是标题标题的标记。

<td class="fc-header-center">
  <span class="fc-header-title">
    <h2>June YYYY</h2>
  </span>
</td>

所以，检查你对H2的CSS（我看到很多） - 使用特定的类进行编辑，你应该看到标题显示正常。

希望这有帮助！

Answer 2

对我来说，错误是由文档标题中的额外不匹配的div标记引起的。检查HTML并删除所有错误使标题显示。

FullCalendar没有显示标题标题

2 个答案: