完整日历不显示标题

Question

这是一个

有趣的问题，我在这里和我的网站上搜索了JS和CSS，但找不到罪魁祸首：

FullCalendar在Wordpress网站中实现（使用MySiteMyWay梯队主题），除了日历的普通标题不显示外，一切都运行良好。

以下是标准元素：

$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 的过滤器。

标题在日历DIV的H2标签中形成。因此，适用于文件中H2的任何设置都将应用于 title 元素。

这是标题标题的标记。

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

因此，请检查H2的CSS（我看到了很多） - 使用特定类进行编辑，您应该会看到标题显示正常。

希望这有帮助！

Answer 2

对我来说

，错误是由文档标题中额外的不匹配的div标签引起的。 检查 HTML 并删除所有错误会使标题出现。