0

イベントのレンダリング中にカレンダーを非表示にする方法を見つけようとしています (ユーザーが次/前をクリックしたとき)。すべてレンダリングされたらすべてを表示します。問題は、カレンダーが最初にロードされ、次にイベントが上に配置されることですが、同時にロードしたいと思います。正しい軌道に乗っているように見えるいくつかのアプローチがありますが、私が抱えている問題は正しい要素をターゲットにすることです。

コールバックの読み込み - http://jsfiddle.net/gmm8b/25/ if/else ステートメントを使用してカレンダーの非表示/表示を試みましたが、このカレンダーにはイベントがありませんでした。カレンダーが非表示の場合、カレンダーを設定できませんか? または、何を非表示/表示するかを誤ってターゲットにしていますか?

loading: function (bool) {
   if (bool) {
     //$('#calendar').hide();
     //alert('The calendar is being populated with events - needs to be hidden');
   } else {
     //$('#calendar').show();
     //alert('Once all the events are rendered - show ');

     // bind to all your events here
   }
},

EventRender - http://jsfiddle.net/gmm8b/27/私が試したもう 1 つのことは、eventRender コールバックを使用して同様の問題が発生したことです。

eventRender: function ( view ) {
  //$("#calendar").hide();
  //$("#calendar").addClass('hidden');
},

eventAfterRender: function ( view ) {
  //$("#calendar").show();
  //$("#calendar").removeClass('hidden');
},

誰かが例を挙げたり、アプローチを説明したりできれば、それは大歓迎です。

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

4

1 に答える 1

4

可視性はレイアウトを保持し、イベントを適切な場所にレンダリングできるようにするため、非表示にする代わりに可視性をオフにします。次に、すべてが完全にレンダリングされたら、可視性をオンに戻します。

http://jsfiddle.net/gmm8b/32/

loading: function (bool) {
    if (bool) {
        $("#calendar").css({"visibility": "hidden"});
        //alert('Rendering events');
    } else {
        $("#calendar").css({"visibility": "visible"});
        //alert('Rendered and ready to go');
    }
},
于 2014-01-24T07:32:50.420 に答える