0

これは興味深い問題で、ここと私のサイトの 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/

ご指導ありがとうございました。

4

2 に答える 2

1

タイトルはカレンダーの中央に表示されています。ただし、色が画面と同じであるか、ディスプレイが非表示になっているか、不透明度0のフィルターがあります.

タイトルはH2カレンダーのタグで形成されDIVます。そのため、ファイルに適用されるすべての設定がH2title 要素に適用されます。

これは、ヘッダー タイトルのマークアップです。

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

したがって、H2 用に持っている CSS を確認してください (私はたくさん見ました) - 特定のクラスを使用して編集すると、タイトルが正常に表示されるはずです。

お役に立てれば！

于 2012-06-04T00:18:11.420 に答える
0

私にとって、このエラーは、ドキュメント ヘッダー内の余分な不一致 div タグが原因でした。HTML を確認してすべてのエラーを削除すると、タイトルが表示されました。

于 2013-12-19T21:10:39.380 に答える