twitter-bootstrap – 在Twitter Bootstrap标签内的FullCalendar

以下代码做到了这一点;

$(document).ready(function () {
    $('a[data-toggle="tab"]').on('shown.bs.tab',function (E) {
        $('#calendar0').fullCalendar('render');
        $('#calendar1').fullCalendar('render');
    });
    $('#myTab a:first').tab('show');
});

<div class="tabbable">
  <ul class="nav nav-tabs" id="myTab">
    <li><a href="#tab_Default" data-toggle="tab"><h5>Default</h5></a></li>
    <li><a href="#tab_Choice1" data-toggle="tab"><h5>Choice 1</h5></a></li>
  </ul>
<div class="tab-content">
    <div id="tab_Default" class="tab-pane">
        @Html.Partial("_Calendar0")
    </div>
    <div id="tab_Choice1" class="tab-pane">
        @Html.Partial("_Calendar1")
    </div>
</div>

主要的问题是,如果FullCalendar不在显示的页面上,则它不会加载Calendar控件.