2012-04-26 17 views
11

私は自分のサイトでフルカラーの作業を行っていますが、実際のカレンダーテーブルは月/年を変更するか「今日」を選択するまで表示されません。jQuery FullCalendarはレンダリングされません

レンダリングされたソースを見ると、ボタンを押すまで、テーブルの周りのdivが空であることがわかります。

<div style="position: absolute; -moz-user-select: none;" class="fc-view fc-view-month fc-grid" unselectable="on"></div> 

これが起こっている理由を知っている人はいますか?

答えて

32

このカレンダーはタブまたはダイアログに表示されていますが、最初は非表示になっていますか?

その場合、そのコントロールがアクティブなときにfullCalendarを明示的にレンダリングする必要があります。

jQuery UIタブウィジェットを使用していて、2番目のタブ(2番目のタブが選択されるまで非表示になっています)にFullCalendarがあるとします。

$('#tabs').tabs({ 
    show: function(event, ui) { 
     $('#calendar').fullCalendar('render'); 
    } 
}); 

これはタブが表示されたときに、カレンダーがレンダリングされていることを確認します:この場合、あなたはこのような何かを行うことができます。お役に立てれば!

+0

ビンゴ、それは働いた。私はUIのタブでそれを持っていないが、私が作ったカスタムタブにあります。私はそれをレンダリングしようとしていたが、私は正しい場所にそのコードを入れていないと思う。ありがとうございました! – ksumarine

+0

それは素晴らしいです!これをあなたの答えとして受け入れることはできますか? – ganeshk

+3

@Coreyあなたの問題を解決するときに答えを受け入れることを忘れないでください。そうでなければ、人々はあなたにもう答えないでしょう... –

関連する問題