Jquery 使用回调隐藏/显示完整日历

我试图找到一种方法，在事件呈现时隐藏日历（当用户单击next/prev时），然后在所有事件呈现后显示所有内容。问题是首先加载日历，然后将事件放在顶部，但我希望它们同时加载。有两种方法似乎在正确的轨道上，但我遇到的困难是针对正确的元素

加载回调-我尝试使用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-我尝试的另一件事是使用EventRender回调，结果也出现了类似的问题

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

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

如果有人能举个例子或解释一种方法，我们将不胜感激

---

谢谢。

关闭可见性而不是隐藏，因为可见性保留布局并允许事件在适当的位置渲染。然后，在所有内容完全渲染后，重新启用可见性

---

关闭可见性而不是隐藏，因为可见性保留布局并允许事件在其适当位置渲染。然后，在所有内容完全渲染后，重新启用可见性

---

关闭可见性而不是隐藏，因为可见性保留布局并允许事件在其适当位置渲染。然后，在所有内容完全渲染后，重新启用可见性

---

关闭可见性而不是隐藏，因为可见性保留布局并允许事件在其适当位置渲染。然后，在所有内容完全渲染后，重新启用可见性

loading: function (bool) {
    if (bool) {
        $("#calendar").css({"visibility": "hidden"});
        //alert('Rendering events');
    } else {
        $("#calendar").css({"visibility": "visible"});
        //alert('Rendered and ready to go');
    }
},